Google'ın Core Web Vitals metrikleri 2026'da hâlâ sayfa deneyiminin resmi ölçütü. Fark şu: eşikler değişmedi ama kullanıcı beklentisi yükseldi ve mobil trafik payı büyüdü. Bu rehberde üç metriğin ne anlama geldiğini ve her biri için sahada işe yarayan iyileştirmeleri anlatıyoruz.
Üç metrik, üç eşik
| Metrik | Ne ölçer? | İyi | Geliştirilmeli | Kötü |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | En büyük içeriğin ekrana gelme süresi | ≤ 2,5 sn | 2,5 – 4 sn | > 4 sn |
| INP (Interaction to Next Paint) | Tıklama ve dokunmalara tepki gecikmesi | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Yüklenirken öğelerin kayması | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Google, sayfa ziyaretlerinin en az yüzde 75'inin "iyi" eşikte olmasını bekler. Yani ortalama değil, en kötü çeyrek belirleyicidir.
LCP'yi düşürmek
Görselleri doğru boyutlandırın
LCP çoğu sitede kahraman görseli veya logodur. 2500 piksellik bir görseli 300 piksel alanda göstermek en yaygın hatadır. Görselleri gösterim boyutunun en fazla iki katında, WebP veya AVIF formatında sunun; width ve height özniteliklerini mutlaka yazın.
LCP görselini önceliklendirin
Ekranın üstündeki görsele fetchpriority="high" verin ve <link rel="preload"> ile erken yükletin. Bu görselde loading="lazy" asla kullanmayın.
Fontları kendi sunucunuzdan verin
Google Fonts gibi üçüncü taraf font servisleri ek DNS ve bağlantı maliyeti getirir. Fontları WOFF2 olarak kendi sitenizde barındırın, yalnızca kullandığınız ağırlıkları yükleyin ve font-display: swap kullanın. Başlık fontunu preload edin.
Sunucu yanıt süresini kısaltın
TTFB 200 ms'nin altında olmalı. Sunucu tarafı önbellek, Brotli sıkıştırma ve HTTP/2 veya HTTP/3 desteği temel gerekliliklerdir. Paylaşımlı ucuz hosting çoğu zaman LCP'nin tek başına sebebidir.
INP'yi düşürmek
JavaScript'i azaltın
Her tıklamada ana iş parçacığını meşgul eden kod INP'yi bozar. Kullanılmayan kütüphaneleri kaldırın, kalanları defer ile yükleyin, uzun görevleri parçalara bölün.
Üçüncü taraf scriptleri sınırlayın
Sohbet balonları, ısı haritaları, reklam pikselleri ve sosyal medya gömüleri INP'nin en büyük düşmanıdır. Gerçekten kullanılanları tutun, diğerlerini etkileşimden sonra yükleyin.
Animasyonları CSS ile yapın
Kaydırma ve belirme efektlerini JavaScript yerine CSS geçişleri ve IntersectionObserver ile yapın; ana iş parçacığı boş kalır.
CLS'yi düşürmek
- Görsel, video ve reklam alanlarına önceden boyut verin.
- Fontların değişirken metni zıplatmaması için
size-adjustveya benzer metrik uyumlu yedek font tanımlayın. - İçeriğin üstüne sonradan giren banner ve çerez kutularını sayfayı itmeyecek şekilde konumlandırın.
- Dinamik içerikleri (yorum, ürün önerisi) mevcut içeriğin altına ekleyin.
Nasıl ölçülür?
- Search Console → Core Web Vitals raporu: Saha verisi, sayfa grupları halinde.
- PageSpeed Insights: Hem saha hem laboratuvar verisi ve iyileştirme önerileri.
- Chrome DevTools → Performance paneli: INP'yi bozan uzun görevleri tek tek gösterir.
- Web Vitals uzantısı: Gezinirken anlık değerleri izlemek için.
Bir örnek: neler değişti?
Kendi sitemiz exverys.com'da 2026 Eylül denetiminde üç değişiklik yaptık: Google Fonts yerine kendi sunucumuzdan WOFF2 font, 82 KB'lık logoyu 15 KB'a indirme ve marka logolarını WebP'ye çevirme. Sonuç, mobilde LCP'nin tutarlı biçimde 1,5 saniyenin altına inmesi oldu. Büyük kazanımlar çoğu zaman bu tür küçük ama sistemli adımlardan gelir.
Sitenizin mevcut durumunu öğrenmek için hız ve Core Web Vitals hizmetimiz kapsamında ücretsiz ön denetim yapıyoruz; ayrıntılı rapor ve öncelik listesiyle birlikte teslim ediyoruz.
Sık sorulan sorular
Core Web Vitals sıralamayı ne kadar etkiler?
Doğrudan sıralama sinyalidir ama içerik kalitesinin önüne geçmez. Eşit kalitede iki sayfa arasında hızlı olan öne çıkar. Asıl etki dönüşümdedir: hızlı sayfalarda terk oranı düşer, form doldurma ve satış oranı yükselir.
PageSpeed skoru ile Core Web Vitals aynı şey mi?
Hayır. PageSpeed Insights laboratuvar ortamında ölçüm yapar ve 0-100 skor verir. Core Web Vitals ise gerçek kullanıcıların Chrome üzerinden toplanan saha verisidir. Google sıralamada saha verisini dikkate alır.
INP nedir, FID'in yerini neden aldı?
INP (Interaction to Next Paint), sayfadaki tüm etkileşimlerin gecikmesini ölçer; FID yalnızca ilk etkileşimi ölçüyordu. 2024'ten beri INP resmi metriktir ve ağır JavaScript, üçüncü taraf scriptler ve uzun görevler INP'yi bozan başlıca nedenlerdir.
WordPress sitemde Core Web Vitals nasıl düzelir?
Gereksiz eklentileri kaldırmak, önbellek ve görsel optimizasyon eklentisi kullanmak, ağır temalardan kaçınmak ve kaliteli hosting seçmek çoğu WordPress sitesini yeşile taşır. Yine de en kalıcı çözüm gereksiz kod yükünden arınmış, hafif bir tema veya özel geliştirmedir.
