“Sitemiz yavaş mı?” sorusunun cevabı bir his değil, üç ölçüdür. Google bu ölçülere Core Web Vitals diyor ve sayfa deneyimini değerlendirirken kullanıyor. Üçünü de teknik bilgi gerektirmeden anlamak mümkün.
LCP: Asıl içerik ne zaman göründü?
Largest Contentful Paint, ekrandaki en büyük görselin ya da metin bloğunun ne zaman yüklendiğini ölçer. Bir ürün sayfasında bu genellikle ana ürün görselidir; ana sayfada vitrin görseli. Google 2,5 saniyenin altını iyi kabul eder.
LCP’yi en çok gereğinden büyük görseller, geç yüklenen yazı tipleri ve sayfanın başında çalışan fazla betikler bozar. Vitrin görselini ekran genişliğine uygun boyutta ve WebP ya da AVIF gibi modern bir biçimde sunmak, çoğu mağazada tek başına belirgin fark yaratır.
CLS: Sayfa açılırken içerik kayıyor mu?
Cumulative Layout Shift, sayfa yüklenirken öğelerin yerinden ne kadar oynadığını ölçer. “Sepete ekle”ye tam basacakken düğmenin aşağı kaydığını hepimiz yaşadık; CLS bunun sayısal karşılığıdır. 0,1’in altı iyi kabul edilir.
Kaymaların en yaygın nedenleri boyutu belirtilmemiş görseller, sonradan yerleşen duyuru şeritleri ve geç açılan pencerelerdir. Görsellere en-boy oranı vermek ve duyuru alanına baştan yer ayırmak sorunu çoğu zaman çözer.
INP: Dokununca sayfa ne kadar hızlı cevap veriyor?
Interaction to Next Paint, bir düğmeye, menüye ya da filtreye dokunulduğunda ekranın ne kadar sürede tepki verdiğini ölçer. 200 milisaniyenin altı iyi kabul edilir. Mobilde, özellikle orta seviye telefonlarda en çok bu ölçü bozulur.
INP’yi çoğu zaman aynı anda çalışan çok sayıda uygulama betiği yavaşlatır: sohbet balonları, takip kodları, artık kullanılmayan eklentiler. Her eklentinin gerçekten iş görüp görmediğini sormak, en ucuz hız iyileştirmesidir.
| Ölçü | Neyi ölçer? | İyi kabul edilen |
|---|---|---|
| LCP | Asıl içeriğin görünme süresi | 2,5 saniyenin altı |
| CLS | Yüklenirken kayma | 0,1’in altı |
| INP | Dokunuşa tepki süresi | 200 milisaniyenin altı |
Nasıl ölçülür?
- PageSpeed Insights’a mağaza adresinizi yazın. Üstteki bölüm gerçek ziyaretçilerden toplanan verileri, alttaki bölüm laboratuvar testini gösterir.
- Ana sayfayı, bir koleksiyon sayfasını ve en çok satan ürün sayfasını ayrı ayrı ölçün; sorunlar genellikle sayfa türüne göre değişir.
- Mobil sonuçlara öncelik verin; ziyaretçilerin büyük kısmı oradan geliyor.
- Her değişiklikten sonra ölçümü tekrarlayın ve sonucu not edin; iyileşme ancak karşılaştırınca görünür.
Hız bir kez düzeltilip bırakılan bir ayar değil; her yeni uygulama ve kampanya görseliyle yeniden ölçülmesi gereken bir alışkanlık.