Yinelenen JavaScript

Connor Clark
Connor Clark
X GitHub

Yayınlanma tarihi: 8 Ekim 2025

Ağ etkinliğinin kullandığı bayt sayısını azaltmak için paketlerden büyük, yinelenen JavaScript modüllerini kaldırın.

Bu analizden nasıl yararlanabilirsiniz?

  • Birden fazla JavaScript paketi içeren sayfalarda, birden fazla paketin ihtiyaç duyduğu büyük bağımlılıkları ortak bir pakete bölerek kod oluşturur.
  • Ayrı JavaScript paketlerinde, büyük bağımlılıkların yalnızca bir sürümünün bulunduğundan emin olun.

View Treemap simgesini tıklayarak bir sayfadaki JavaScript paketlerini daha ayrıntılı olarak inceleyebilirsiniz. Bu işlem, Lighthouse Treemap'te sayfanın paketlerini açar.

Lighthouse ağaç haritası. Renkli düğümler, birden fazla JavaScript paketinde bulunan yinelenen modülleri temsil eder.
Lighthouse ağaç grafiği. Renkli düğümler, birden fazla JavaScript paketinde bulunan yinelenen modülleri temsil eder.

  • PageSpeed Insights'ta ve Lighthouse raporunda bu düğme, metriklerin altındaki Performans kategorisinde yer alır:

    Lighthouse'ta ağaç haritasını görüntüle düğmesi
    Lighthouse "Ağaç Haritasını Görüntüle" düğmesi.

  • Geliştirici Araçları Performans panelinde bu düğme, Yinelenen JavaScript analizinde bulunur:

    Geliştirici Araçları Performans Paneli Görünümü Ağaç Haritası düğmesi
    DevTools Performans Paneli "Ağaç Haritasını Görüntüle" düğmesi.

Yığına özel rehberlik

Ortak ve büyük bağımlılıklar için ek bir giriş noktası oluşturun ve JavaScript paketleyicinizin kod bölme özelliğini aşağıdakiler için etkinleştirin:

Ek referanslar