Kritik Oluşturma Yolunu Optimize Etme

Ilya Grigorik
Ilya Grigorik

Yayınlanma tarihi: 31 Mart 2014

İlk oluşturma işleminin mümkün olan en hızlı şekilde gerçekleşmesi için üç değişkeni en aza indirmemiz gerekir:

  • Kritik kaynak sayısı.
  • Kritik yol uzunluğu.
  • Kritik bayt sayısı.

Kritik kaynak, sayfanın ilk oluşturulmasını engelleyebilecek bir kaynaktır. Bu kaynakların sayısı ne kadar az olursa tarayıcı, CPU ve diğer kaynaklar da o kadar az iş yapar.

Benzer şekilde, kritik yol uzunluğu, kritik kaynaklar ile bayt boyutları arasındaki bağımlılık grafiğinin bir işlevidir: Bazı kaynak indirmeleri yalnızca önceki bir kaynak işlendikten sonra başlatılabilir ve kaynak ne kadar büyükse indirmek için o kadar fazla gidiş geliş gerekir.

Son olarak, tarayıcının indirmesi gereken kritik bayt sayısı ne kadar azsa içeriği o kadar hızlı işleyebilir ve ekranda görünür hale getirebilir. Bayt sayısını azaltmak için kaynak sayısını azaltabilir (kaynakları kaldırabilir veya kritik olmayan hale getirebiliriz) ve her kaynağı sıkıştırıp optimize ederek aktarım boyutunu en aza indirebiliriz.

Önemli oluşturma yolunu optimize etmek için genel adım sırası şu şekildedir:

  1. Kritik yolunuzu analiz edin ve karakterize edin: kaynak sayısı, bayt sayısı, uzunluk.
  2. Kritik kaynakların sayısını en aza indirin: Kaynakları kaldırın, indirmelerini erteleyin, eşzamansız olarak işaretleyin ve diğer önemli hususları göz önünde bulundurun.
  3. İndirme süresini (gidiş geliş sayısı) kısaltmak için kritik bayt sayısını optimize edin.
  4. 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.

Geri bildirim