Kritik istek zincirleri, sayfa oluşturma için önemli olan bir dizi bağımlı ağ isteğidir. Zincirlerin uzunluğu ve indirme boyutları arttıkça sayfa yükleme performansı üzerindeki etki de artar.
Lighthouse, yüksek öncelikli olarak yüklenen kritik istekleri bildirir:
Lighthouse, kritik istek zincirlerini nasıl tanımlar?
Lighthouse, oluşturmayı engelleyen kritik kaynakları belirlemek 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 Planlama başlıklı makalesini inceleyin.
Kritik istek zincirleri, kaynak boyutları ve kaynakları indirmek için harcanan süreyle ilgili veriler Chrome Uzaktan Hata Ayıklama Protokolü'nden alınır.
Kritik istek zincirlerinin performans üzerindeki etkisini azaltma
Sayfa yükleme üzerinde en büyük etkiye sahip kaynakları ilk olarak hedeflemek için kritik istek zincirleri denetimi sonuçlarını kullanın:
- Kritik kaynakların sayısını en aza indirin: Kaynakları kaldırın, indirme işlemlerini erteleyin, kaynakları
asyncolarak işaretleyin vb. - İ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 mümkün olduğunca erken indirin.
Resimlerinizi, JavaScript'inizi, CSS'nizi ve web yazı tiplerinizi optimize etme hakkında daha fazla bilgi edinin.
Yığına özel rehberlik
Magento
JavaScript öğelerinizi gruplamıyorsanız baler kullanmayı düşünebilirsiniz.
Kaynaklar
Kritik istek derinliğini en aza indirme denetiminin kaynak kodu