Site hızı: hangi sayıya bakmalısınız?

"Sitemin PageSpeed puanı kaç?" en sık duyduğumuz sorulardan biri. Ama o tek sayı, arkasındaki üç ölçüyü bilmeden pek işe yaramıyor. Üstelik aynı sayfa, aynı gün, arka arkaya ölçüldüğünde farklı puanlar verebiliyor.

Puan bir özet; karar vermek için ölçülerin kendisine bakmak gerekiyor. Google'ın Core Web Vitals dediği üç ölçü şunlar:

LCP — sayfa ne zaman "açıldı" sayılır?

Largest Contentful Paint, ekrandaki en büyük öğenin (genelde kahraman görseli ya da ana başlık) ne zaman çizildiğini ölçer. Ziyaretçinin "açıldı" dediği an budur. Hedef 2,5 saniyenin altı.

En sık sebepleri: sıkıştırılmamış büyük görseller, sunucunun geç cevap vermesi, ve ana içeriği geciktiren betikler. Bir de az bilinen bir sebep var: içeriği opaklık sıfırdan başlatan giriş animasyonları. Animasyon bitene kadar öğe görünmediği için LCP de o kadar gecikiyor.

CLS — sayfa zıplıyor mu?

Cumulative Layout Shift, sayfa yüklenirken içeriğin ne kadar yer değiştirdiğini ölçer. Tam "satın al"a basacakken düğmenin aşağı kayması ve yanlışlıkla reklama tıklamanız bu ölçünün konusu. Hedef 0,1'in altı; en iyisi sıfır.

Sebepleri genelde basit ve düzeltilebilir: boyutu belirtilmemiş görseller, sonradan yüklenen yazı tipleri ve yukarıdan giren bantlar. Bir de yükleme sırasında geçici bir yer tutucunun gerçek içerikten çok daha kısa olması — yer tutucu değişince sayfa zıplıyor.

INP — dokunduğunuzda cevap veriyor mu?

Interaction to Next Paint, bir düğmeye bastıktan sonra ekranda bir şeyin değişmesine kadar geçen süreyi ölçer. Telefonda en çok hissedilen ölçü budur: sayfa görünür durumda ama dokunduğunuzda hiçbir şey olmuyor. Hedef 200 milisaniyenin altı.

Sebebi neredeyse her zaman aynı: tarayıcının ana iş parçacığı JavaScript çalıştırmakla meşgul. Gereksiz eklentiler, üçüncü taraf betikleri ve sayfada hiç kullanılmayan kütüphaneler burada bedelini ödetir.

Laboratuvar ölçümü ile gerçek kullanıcı verisi

Bu ayrım çoğu tartışmayı bitiriyor. PageSpeed Insights size iki farklı şey gösterir:

• Laboratuvar: Google'ın sunucusunun, benzetilmiş yavaş bir telefonda tek seferlik ölçümü. Tekrarlanabilir ama gerçek değil; koşudan koşuya değişir.
• Saha verisi: Chrome kullanan gerçek ziyaretçilerinizden son 28 günde toplanan ölçümler. Yavaş değişir, ama karar vermeniz gereken sayı budur.

Yeni ya da az ziyaretçili bir sitede saha verisi olmaz; o zaman laboratuvar ölçümüyle idare etmek gerekir. Ama trafiğiniz varsa ve iki sayı çelişiyorsa, saha verisine güvenin.

Nereden başlamalı?

1. 1Önce ölçün. Ücretsiz Site Karnesi aracımız PageSpeed puanlarını ve teknik denetimleri bir arada gösteriyor.
2. 2CLS'e bakın. Genelde en ucuz düzeltme ve en doğrudan etki orada.
3. 3Görselleri küçültün. Çoğu sitede en büyük tek kazanç budur ve kod değişikliği gerektirmez.
4. 4Kullanılmayan betikleri kaldırın. Bir zamanlar denenip bırakılmış takip kodları şaşırtıcı biçimde uzun süre sitelerde kalıyor.
5. 5Sonra tekrar ölçün. Ölçmeden yapılan iyileştirme, iyileştirme değil tahmindir.