JS paket boyutunu azaltmak için hangi teknikler uygulanmalı?

Kısa cevap: JS paket boyutu tek hamleyle değil, ölçüm ve budama döngüsüyle küçülür: önce paket analizi, sonra bölme, sallama ve erteleme teknikleri, en sonda regresyonu engelleyen bir bütçe.

Uygulanacak teknikler

• Paket analizi: en büyük modülleri görünür kılın; çoğu projede birkaç kütüphane toplam ağırlığın büyük bölümünü taşır.
• Code splitting: rota ve bileşen bazlı dinamik import; görünmeyen modal, harita ve grafik kodu ilk yükte inmesin.
• Tree-shaking: yan etkisiz modüller ve isimli içe aktarımlar; tüm kütüphaneyi çeken import kalıplarını düzeltin.
• Bağımlılık diyeti: ağır kütüphaneye hafif alternatif veya yerleşik API; tekrarlanan bağımlılık sürümlerini tekilleştirin.
• Erteleme: analitik ve pazarlama scriptlerini etkileşim sonrasına alın.
• Modern hedef: güncel tarayıcılara modern derleme sunup polyfill yükünü azaltın.

Süreklilik için CI'da boyut bütçesi tanımlayın: eşiği aşan PR birleşmesin. Etki, Lighthouse'daki script değerlendirme süresi ile alan verisindeki INP ve LCP üzerinden, önceki temel çizgiye karşı doğrulanır.