Core Web Vitals, Google'ın sayfa deneyimini ölçmek için kullandığı üç metriktir: LCP (en büyük içerik öğesinin yüklenme süresi), INP (kullanıcı etkileşimine verilen yanıt hızı) ve CLS (sayfa yerleşiminin kayması). Core Web Vitals optimizasyonu, bu üç sayıyı yeşil banda taşımak demektir.
Eşikler bir bakışta
| Metrik | İyi | Geliştirilmeli | Ölçtüğü |
|---|---|---|---|
| LCP | ≤ 2,5 sn | 2,5–4 sn | Ana içeriğin yüklenme hızı |
| INP | ≤ 200 ms | 200–500 ms | Tıklamaya verilen yanıt |
| CLS | ≤ 0,1 | 0,1–0,25 | Yerleşim kayması |
Eşiklerin 75. yüzdelik dilimde değerlendirildiğini unutmayın: ziyaretçilerinizin en az yüzde 75'i bu deneyimi yaşamalı.
Nereden ölçülür?
- Search Console: Core Web Vitals raporu, gerçek kullanıcı verisiyle (alan verisi) URL bazlı durum gösterir. Karar verilecek tek yerdir.
- PageSpeed Insights: Hem alan hem laboratuvar verisi verir; mobil tabanlıdır.
- Lighthouse: Laboratuvar ortamıdır; kod değişikliğini hızlıca test etmek için.
LCP taktikleri
- Ana görseli ve kritik fontları ön yükleme ile tanıtın; tarayıcı keşfetmeden siz haber verin.
- Fontlarda font-display ayarını doğru seçin; görünmez metin periyodunu kısaltın.
- Ana görseli doğru boyut ve modern formatta sunun; tek boyut her cihaza uymaz.
- Üst kısımdaki içeriği CSS zincirinin sonuna bırakmayın; kritik stiller önceden gelsin.
INP taktikleri
INP, eski FID'nin aksine sayfa boyunca her etkileşime bakar. Uzun JavaScript görevleri tıklamayı dondurur: görevleri küçük parçalara bölün, ana sayfa işlevini geciktiren gereksiz üçüncü parti scriptleri kaldırın, çerez bandı gibi zorunlu scriptleri ertelenmiş yükleyin.
CLS taktikleri
Kayma, yer tutulmayan alanlardan doğar: her görsel ve video için genişlik-yükseklik değerlerini HTML'de belirleyin, dinamik banner veya çerez bandı için sayfada baştan yer ayırın, anonsların üstüne yüklenmiş öğe koymayın.
ELIYTE pratiği
Bu disiplini kendimize uyguluyoruz: kendi sitemizde font ön yüklemesi, boyutlandırılmış görseller ve ertelenmiş betiklerle skorları yeşil tutuyoruz. Müşteri projelerinde de performans, tasarımın son katmanı değil ilk sütunu olarak gelir. Metriklerinizin hızının satışa etkisini merak edenler için e-ticaret web tasarımı rehberimizde hız-satış ilişkisini anlattık; sitenizin vitals raporunu birlikte incelememizi isterseniz hizmetler sayfamızdan yazabilirsiniz.
PROJENİZE ÖZEL BİR ÖNERİ Mİ İSTİYORSUNUZ?
Kapsamınızı anlatın; çalışan bir demo önerisiyle, genellikle aynı iş günü içinde dönelim. Beğenmeden ödeme yapmazsınız.
iletisim@eliyte.comSık sorulan sorular
Core Web Vitals sıralamayı ne kadar etkiler?
Google bunu bir sıralama sinyali olarak kullanır; ancak tek başına 1. sıraya taşımaz. Kötü skorlar güçlü içeriğin önünü kesebilir; yeşil skorlar belirleyici avantaj sayılmaz, kötü skorlar ise belirgin dezavantajdır.
INP, eski FID'den nasıl farklı?
FID yalnızca ilk etkileşimin gecikmesini ölçüyordu; INP, sayfa boyunca tüm etkileşimlerin yanıt süresini ölçer. Dolayısıyla bir kez hızlı açılmak yetmez; sayfa boyunca hızlı kalmanız gerekir.
Skorlar neden cihazdan cihaza değişiyor?
Ölçüm gerçek kullanıcı verisinden gelir: cihaz gücü, ağ kalitesi ve ekran boyutu skoru değiştirir. Türkiye'de mobil ağlardaki kullanıcı verisi, laboratuvar skorundan daha belirleyicidir.
Ne sıklıkla ölçmeliyim?
Büyük değişikliklerden sonra ve her ay düzenli olarak Search Console raporunu kontrol etmek yeterlidir. Laboratuvar ölçümü ise yalnızca değişiklik sonrası doğrulama içindir.