Core Web Vitals ve site hızı: yavaş sitenin sessiz kaybı
Hız sorunlarının çoğu sunucudan değil görselden geliyor. Taşıdığımız sitelerde gördüğümüz üç somut hata ve kendi sitenizde nasıl kontrol edeceğiniz.
Core Web Vitals, Google'ın sayfa deneyimini ölçtüğü üç göstergenin adı: sayfanın ana içeriği ne kadar sürede görünüyor, tıklamaya ne kadar çabuk cevap veriyor ve yüklenirken içerik zıplıyor mu.
Teknik görünüyor ama üçü de tek bir soruya çıkıyor: ziyaretçi beklemek zorunda mı kalıyor?
Üç gösterge, sade hâliyle
| Gösterge | Neyi ölçer | İyi sayılan |
|---|---|---|
| LCP — en büyük içeriğin görünmesi | Sayfanın ana görseli ya da başlığı ne kadar sürede ekrana geliyor | 2,5 saniyenin altı |
| INP — etkileşime cevap | Bir düğmeye bastığınızda sayfa ne kadar sürede tepki veriyor | 200 milisaniyenin altı |
| CLS — düzen kayması | Sayfa yüklenirken içerik zıplıyor mu, okuduğunuz satır kayıyor mu | 0,1'in altı |
Üçünün de ortak noktası şu: ziyaretçinin hissettiği şeyi ölçüyorlar, sunucunun ne kadar güçlü olduğunu değil.
Gördüğümüz üç somut hata
1. Küçük görünen, büyük inen görseller
Taşıdığımız bir sitede görseller tarayıcıya “391 piksel genişliğinde göstereceğim” diyordu ama indirdikleri dosya 1280 pikseldi. Ziyaretçi farkı görmez; farkı bağlantı hızıyla öder. Telefondan giren biri, ekranda avuç içi kadar duran bir fotoğraf için tam boy dosya indiriyordu.
2. Yer tutmayan görseller
Görselin ölçüsü baştan belirtilmemişse tarayıcı ona yer ayıramaz; fotoğraf yüklendiğinde altındaki yazı aşağı kayar. Okumaya başlamış biri satırı kaybeder, butona basmak isteyen ıskalar. Çözümü basit — genişlik ve yükseklik yazmak — ama sonradan eklenmesi zor, baştan kurulması kolay.
3. Gereğinden ağır biçimler
Modern görsel biçimleri aynı kaliteyi çok daha küçük dosyada veriyor. Biz üretimde kullanıyoruz ama bir sınırla: dönüştürme aracı belirli bir genişliğin üstünde bozuk dosya üretiyordu — dosya iniyor, ölçüsü doğru görünüyor, ama ekrana hiçbir şey çizilmiyordu. O yüzden dönüştürmeyi yalnızca küçük boyutlarda yapıyor, büyük görselde bilinen biçimde kalıyoruz. Yeni teknoloji kullanmak, denemeden güvenmek demek değil.
Kendi sitenizi nasıl ölçersiniz
Dördüncü madde en çok atlananı. Ana sayfa hızlı diye site hızlı değildir; ziyaretçilerin çoğu arama sonucundan doğrudan bir iç sayfaya düşer.
Hız bir eklenti işi değil
WordPress'te önbellek eklentisiyle iyi sonuç alınabilir; bu doğru. Fark şurada: eklenti sonradan eklenen bir katmandır, sayfanın nasıl üretildiğini değiştirmez. Görsel boyutları, yer tutma ve gereksiz kod kaynakta çözülmemişse eklenti bunları örter, kaldırmaz.
Altyapı seçimiyle ilişkisini WordPress mi, özel yazılım mı? yazısında da konuştuk.