Yayınlanma tarihi: 31 Mart 2014
Kritik oluşturma yolunu optimize etme, mevcut kullanıcı işlemiyle ilgili içeriğin gösterilmesine öncelik vermeyi ifade eder.
Hızlı bir web deneyimi sunmak için tarayıcının çok çalışması gerekir. Çoğu bu çalışma, web geliştiricileri olarak bizden gizlidir: İşaretlemeyi yazıyoruz ve ekranda görünür. Peki tarayıcı tam olarak nereden HTML, CSS ve JavaScript'i ekranda oluşturulmuş piksellere dönüştürüyor mu?
Performans için optimizasyon, HTML, CSS ve JavaScript baytlarının alınması ile bunları oluşturulmuş piksellere dönüştürmek için gereken işlemler arasındaki bu ara adımlarda neler olduğunu anlamakla ilgilidir. Bu adımlar kritik oluşturma yolu olarak adlandırılır.
Kritik oluşturma yolunu optimize ederek çok daha az zaman harcayabilir. Ayrıca, kritik oluşturma yolunu anlamak, iyi performans gösteren etkileşimli uygulamalar oluşturmak için de 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. Ancak önce, tarayıcının basit bir sayfayı nasıl görüntülediğine genel bir bakış sunalım.
Ek kaynaklar
- Nesne modelini oluşturma
- Oluşturma ağacı oluşturma, düzen ve boyama
- Oluşturma Engelleme CSS'si
- JavaScript ile Etkileşim Ekleme
- Önemli Oluşturma Yolunu Ölçme
- Önemli Oluşturma Yolu Performansını Analiz Etme
- Kritik Oluşturma Yolunu Optimize Etme
- PageSpeed Kuralları ve Önerileri