Web yazı tipleri (font) optimizasyonu CWV’yi nasıl iyileştirir?

Kısa cevap: Fontlar CWV'yi iki noktadan etkiler: geç gelen font metnin boyanmasını geciktirir ve LCP'yi büyütür; yedek fonttan web fontuna geçiş ise satırları kaydırıp CLS üretir. Optimizasyon bu iki maliyeti ortadan kaldırır.

Uygulama listesi

• Yalnızca WOFF2 kullanın; aile ve ağırlık sayısını azaltın, mümkünse değişken fonta geçin.
• Subset uygulayın: unicode-range ile yalnızca kullanılan karakter kümesini gönderin; Türkçe karakterlerin (ş, ğ, İ) subset içinde kaldığını mutlaka doğrulayın.
• Fontu kendi alan adınızdan servis edin; kritik fontu preload ile öne alın, böylece keşif gecikmesi ortadan kalkar.
• font-display ayarını bilinçli seçin: swap kullanıyorsanız yedek fontun metriklerini size-adjust ve ascent-override ile web fontuna yaklaştırın; CLS'in kaynağı tam bu geçiştir.
• LCP öğesi metinse onu boyayan fonta öncelik verin.

Ölçümü iki katmanda yapın: Lighthouse font denetimleriyle başlayın, gerçek etkiyi CrUX alan verisindeki LCP ve CLS dağılımıyla doğrulayın. Google'ın yayınladığı eşikler bellidir: LCP 2,5 saniyenin, CLS 0,1'in altında iyidir.