Kritik oluşturma yolunun optimize edilmesi, kullanıcının yaptığı geçerli işlemle ilgili olarak gösterilecek içeriğe öncelik verilmesi anlamına gelir.
Hızlı bir web deneyimi sunmak için tarayıcının çok çalışması gerekir. Bu işin büyük bir kısmı web geliştiricilerimizden gizlenir: İşaretlemeyi biz yazarız ve ekranda güzel görünen bir sayfa çıkar. Ancak tarayıcı HTML, CSS ve JavaScript'imizi alıp ekranda oluşturulan piksellere tam olarak nasıl geçiyor?
Performans optimizasyonu için HTML, CSS ve JavaScript baytlarının alınması ve bunların oluşturulmuş piksellere dönüştürülmesi için gereken işlemler arasındaki ara adımlarda neler olduğunu anlamak gerekir. Bu adımlara kritik oluşturma yolu denir.
Kritik oluşturma yolunu optimize ederek sayfalarımızın ilk oluşturulma süresini önemli ölçüde kısaltabiliriz. Ayrıca kritik oluşturma yolunu anlamak, iyi performans gösteren etkileşimli uygulamalar oluşturmak için bir temel oluşturur. Sürekli bir döngü halinde ve ideal olarak saniyede 60 kare hızında gerçekleştirilen etkileşimli güncelleme süreci de aynıdır. Başlamadan önce, tarayıcının basit bir sayfayı nasıl görüntülediğine göz atalım.
Ek kaynaklar
- Nesne Modelini Oluşturma
- İşleme Ağacı Yapısı, Düzen ve Boyama
- Oluşturma Engelleme CSS'si
- JavaScript ile Etkileşim Ekleme
- Kritik Oluşturma Yolunu Ölçme
- Kritik Oluşturma Yolu Performansını Analiz Etme
- Kritik Oluşturma Yolunu Optimize Etme
- PageSpeed Kuralları ve Önerileri