Core Web Vitals: LCP, INP ve CLS'yi Hosting Açısından Okumak
Core Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç metriktir. Bu değerleri anlamak, "site yavaş" şikâyetinin sunucudan mı yoksa sayfanın kendisinden mi kaynaklandığını ayırt etmenizi sağlar.
Üç metrik ve iyi değerleri
| Metrik | Ne ölçer? | İyi değer |
|---|---|---|
| LCP (Largest Contentful Paint) | Sayfadaki en büyük içeriğin ne kadar sürede göründüğü | 2,5 saniye veya altı |
| INP (Interaction to Next Paint) | Tıklama ve dokunmalara sayfanın ne kadar hızlı tepki verdiği | 200 milisaniye veya altı |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken içeriğin ne kadar kaydığı | 0,1 veya altı |
INP, Mart 2024'te FID'nin yerini aldı. Eski rehberlerde FID'den söz ediliyorsa bu bilgi artık güncel değildir. Değerlendirme, ziyaretçilerin %75'inin yaşadığı deneyime göre yapılır.
Değerleri nereden görürsünüz?
- PageSpeed Insights: Sitenizin adresini girdiğinizde, yeterli ziyaretçi verisi varsa gerçek kullanıcı sonuçlarını, yoksa yalnızca laboratuvar testini gösterir.
- Google Search Console: "Core Web Vitals" raporu, sorunlu sayfaları gruplar hâlinde listeler.
- Tarayıcı geliştirici araçları: Performans sekmesi, sorunun hangi dosya veya kod parçasından kaynaklandığını gösterir.
LCP: hosting'in en çok etkilediği metrik
LCP'nin ilk parçası, sunucunun ilk yanıtı vermesi için geçen süredir (TTFB). Sayfa önbelleği bu süreyi en çok kısaltan adımdır. LiteSpeed sunucularda bunun en doğrudan yolu LiteSpeed Cache eklentisidir.
Geri kalanı sayfayla ilgilidir:
- Ana görseli küçültün, WebP veya AVIF kullanın ve lazy load yapmayın. Ayrıntılar görsel optimizasyonu rehberinde.
- Sayfanın üst kısmını engelleyen büyük CSS ve JavaScript dosyalarını azaltın.
- Ziyaretçileriniz uzaktaysa bir CDN'in faydasını değerlendirin. Bkz. sunucu konumu mu, CDN mi?
INP: çoğunlukla JavaScript sorunu
INP kötü ise sebep genellikle tarayıcıda çalışan ağır JavaScript'tir: çok sayıda takip kodu, sohbet balonları, kaydırıcılar ve sayfa oluşturucuların ek betikleri. Sunucuyu yükseltmek INP'yi nadiren iyileştirir. Kullanmadığınız eklentileri ve üçüncü taraf kodları kaldırmak en etkili adımdır.
CLS: kayan içerik
- Görsellere ve video yerleştirmelerine genişlik ve yükseklik verin.
- Sonradan yüklenen reklam, banner ve çerez bildirimleri için önceden yer ayırın.
- Web fontlarının geç yüklenmesi metnin yer değiştirmesine yol açıyorsa
font-displayayarını gözden geçirin.
Hosting ne zaman gerçekten sorundur?
Önbellekli sayfalarda bile sunucu yanıt süresi yüksekse veya yoğun saatlerde site belirgin biçimde yavaşlıyorsa, hesabınız kaynak sınırına ulaşıyor olabilir. cPanel'deki kaynak kullanım istatistiklerine bakın ve CPU, RAM ve I/O limitleri yazımızla yorumlayın.
Yorumlar0
Henüz Yorum Yok
İlk düşüncenizi paylaşan siz olun.
Yorum bırakmak için lütfen giriş yapın veya kaydolun.