Core Web Vitals, Google'ın sayfa deneyimini ölçtüğü üç metriktir: LCP (ana içeriğin yüklenme süresi, iyi: ≤2,5 sn), INP (etkileşime yanıt süresi, iyi: ≤200 ms) ve CLS (görsel kayma, iyi: ≤0,1). Görselleri sıkıştırıp modern formatlara çevirmek, gereksiz JavaScript'i azaltmak, önbellek ve CDN kullanmak ile görsellere sabit boyut vermek en etkili iyileştirmelerdir.
Bir web sitesinin hızlı "hissettirmesi" artık bir tercih değil, hem kullanıcı deneyimi hem de arama motoru görünürlüğü için temel bir gereklilik. Google bu deneyimi Core Web Vitals adı verilen üç metrikle ölçüyor.
Core Web Vitals'ın üç metriği
| Metrik | Ne ölçer? | İyi | Kötü |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Sayfadaki en büyük içeriğin yüklenme süresi | ≤ 2,5 sn | > 4 sn |
| INP (Interaction to Next Paint) | Tıklama/dokunmaya tepki süresi | ≤ 200 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Yüklenirken sayfa öğelerinin kayması | ≤ 0,1 | > 0,25 |
INP, 2024'te FID'in (First Input Delay) yerini aldı. Bu eşikler, ziyaretlerin %75'inde karşılanmalıdır.
Nasıl ölçülür?
- PageSpeed Insights: Hem laboratuvar testi hem de gerçek kullanıcı verisini (Chrome UX Report) gösterir.
- Search Console > Core Web Vitals raporu: Sitenizin tüm URL gruplarını gerçek verilerle değerlendirir.
- Chrome DevTools > Performance: Sorunun hangi kaynaktan geldiğini ayrıntılı gösterir.
LCP'yi iyileştirmek
- Ana görseli (hero) sıkıştırın ve WebP/AVIF formatında sunun.
- İlk ekrandaki görsele
fetchpriority="high"verin, tembel yüklemeyi (lazy-load) ilk ekran dışındaki görsellere uygulayın. - Sunucu yanıt süresini (TTFB) düşürmek için önbellekleme ve CDN kullanın.
- Render'ı engelleyen CSS ve yazı tipi dosyalarını azaltın; kritik CSS'i satır içine alın.
INP'yi iyileştirmek
- Gereksiz üçüncü taraf scriptleri (sohbet, ısı haritası, reklam pikselleri) gözden geçirin.
- Ağır JavaScript görevlerini küçük parçalara bölün.
- Etkileşim anında büyük DOM güncellemelerinden kaçının.
CLS'yi iyileştirmek
- Görsellere ve videolara genişlik/yükseklik verin.
- Reklam ve gömülü içerikler için önceden alan ayırın.
- Web fontlarında
font-display: swapkullanın ve yedek fontla boyut farkını azaltın.
Hız neden dönüşümü etkiler?
Yavaş açılan sayfa, kullanıcının sabrını ilk saniyelerde tüketir. Özellikle reklam trafiğinde, ödediğiniz her tıklamanın sayfa yüklenmeden kaybolması bütçenizi boşa harcar. Bu yüzden hız optimizasyonu, landing page dönüşüm çalışmalarının da ilk adımıdır.
Kontrol listesi
- PageSpeed Insights ile mobil testi yapın.
- Search Console'da "Kötü" ve "İyileştirme gerekli" URL gruplarını not edin.
- Görselleri optimize edin ve boyut verin.
- Kullanılmayan eklenti ve scriptleri kaldırın.
- Önbellek ve CDN'i etkinleştirin.
- 28 gün sonra alan verisini tekrar kontrol edin.
Hız, teknik SEO kontrol listesinin önemli bir parçasıdır. Sitenizin hız ve deneyim analizini birlikte yapmak isterseniz web tasarım ve yazılım hizmetimize göz atın.
Sıkça Sorulan Sorular
Core Web Vitals, Google'ın sayfa deneyimi sinyallerinden biridir. İçerik kalitesi ve alaka düzeyi her zaman daha belirleyicidir; ancak benzer kalitedeki sayfalar arasında hız ve deneyim fark yaratabilir ve dönüşüm oranını doğrudan etkiler.
Hayır. Önemli olan gerçek kullanıcı verileriyle (alan verisi) üç metrikte de "iyi" eşiği geçmektir. Laboratuvar puanı yol gösterici bir test sonucudur.
Hafif bir tema kullanın, eklenti sayısını azaltın, önbellek eklentisi ve CDN kullanın, görselleri WebP/AVIF formatına çevirin ve sunucu tarafında güncel PHP sürümü tercih edin.
Kurumsal Web Tasarım & E-Ticaret
Bu konuda markanıza özel bir plan ister misiniz? Mety birkaç soruyla ihtiyacınızı netleştirip teklif taslağı hazırlar.
