Core Web Vitals için LCP ve INP bütçelemesi nasıl yapılır?
Yazar: Yılmaz Saraçlcpinpperformans-butcesicore-web-vitals
Kısa cevap: LCP ve INP bütçelemesi, Google'ın yayınladığı eşiklerden (LCP için 2,5 saniye, INP için 200 milisaniye) geriye doğru hesap yaparak her aşamaya harcanabilir süre tanımlamaktır.
LCP bütçesi nasıl bölünür
- Dört parçaya ayırın: TTFB, kaynak yükleme gecikmesi, kaynak yükleme süresi, render gecikmesi; her parçaya hedef koyun.
- LCP öğesini belirleyin (çoğunlukla kahraman görseli veya başlık) ve preload, fetchpriority, sunucu tarafı önbellek ile besleyin.
INP bütçesi nasıl kurulur
- Etkileşim başına giriş gecikmesi, işleme ve sunum bölümlerini ölçün; uzun görevleri 50 milisaniyenin altına bölmeyi hedefleyin.
- En kötü etkileşimleri web-vitals kütüphanesiyle GA4'e gönderin; hangi bileşenin bütçeyi aştığını sahadan öğrenin.
Bütçe, hedef cihaz ve ağ profiline göre kurulur: orta segment bir Android ve 4G, birçok pazar için gerçekçi tabandır. Eşikler 75. yüzdelik alan verisiyle doğrulanır; bütçeyi aşan her PR, Lighthouse CI ile yayın öncesi yakalanır. Böylece performans, sonradan onarılan değil baştan planlanan bir kaynak olur.