Hızlı web sitesi altyapısında bağımlılıkları azaltmanın yolları neler?

Kısa cevap: Hızlı altyapının kuralı basittir: yüklenmeyen bayt en hızlı bayttır. Bağımlılık azaltma iki cephede yürür: üçüncü taraf scriptler ve kendi paket ağacınız.

Üçüncü taraf tarafında

• Envanter çıkarın: Tag Manager ve şablonlardaki her script için sahip, amaç ve gözden geçirme tarihi belirleyin; sahipsiz olanı kaldırın.
• Kalanları geciktirin: görünürlük veya etkileşim sonrası yükleme, ana iş parçacığını rahatlatır.
• Ölçümü tekilleştirin: aynı işi yapan iki analitik veya iki ısı haritası aracını birlikte taşımayın.

Kendi kodunuzda

• Paket analizi yapın ve en büyük bağımlılıkları sorgulayın: tarih, yardımcı ve UI kütüphaneleri çoğu zaman yerleşik alternatifle değişebilir.
• Tree-shaking bozan içe aktarımları düzeltin; polyfill yükünü hedef tarayıcı listesine göre budayın.
• Fontları alt kümeleyin ve kendi alan adınızdan sunun.

Etkiyi Lighthouse ve alan verisindeki LCP ile INP üzerinden, değişiklik öncesi temel çizgiye karşı doğrulayın; kazanım siteye göre değişir ve ölçülmeden rapor edilmez.