Kritik istek zinciri oluşturmaktan kaçının

Kritik istek zincirleri, sayfa oluşturma için önemli olan bir dizi bağımlı ağ isteğidir. Zincirlerin uzunluğu ve indirme boyutları ne kadar büyük olursa sayfa yükleme performansı üzerindeki etki de o kadar önemli olur.

Lighthouse, yüksek öncelikli yüklenen kritik istekleri raporlar:

Lighthouse Kritik istek derinliği denetimini en aza indirme işleminin ekran görüntüsü

Lighthouse kritik istek zincirlerini nasıl tanımlar?

Lighthouse, oluşturmayı engelleyen kritik kaynakları tanımlamak için ağ önceliğini proxy olarak kullanır. Chrome'un bu öncelikleri nasıl tanımladığı hakkında daha fazla bilgi için Google'ın Chrome Kaynak Öncelikleri ve Planlaması sayfasına bakın.

Kritik istek zincirleri, kaynak boyutları ve kaynakları indirmek için harcanan süre ile ilgili veriler Chrome Uzaktan Hata Ayıklama Protokolü'nden çıkarılır.

Kritik istek zincirlerinin performans üzerindeki etkisini azaltma

Sayfanın ilk olarak yüklenmesi üzerinde en büyük etkiye sahip olan kaynakları hedeflemek için kritik istek zincirleri denetim sonuçlarını kullanın:

  • Kritik kaynakların sayısını en aza indirin: Bu kaynakları ortadan kaldırın, indirme işlemlerini erteleyin, async olarak işaretleyin ve benzeri işlemleri gerçekleştirin.
  • İndirme süresini (gidiş dönüş sayısı) kısaltmak için kritik bayt sayısını optimize edin.
  • Kalan kritik kaynakların yüklenme sırasını optimize edin: Kritik yol uzunluğunu kısaltmak için tüm kritik öğeleri en kısa sürede indirin.

Resim, JavaScript, CSS ve web yazı tiplerinizi optimize etme hakkında daha fazla bilgi edinin.

Yığına özel rehberlik

Magento

JavaScript öğelerinizi paketlemiyorsanız gruplayıcı kullanmayı düşünün.

Kaynaklar

Kritik istek derinliğini en aza indirme denetimi için kaynak kodu