Kullanıcıların %53'ü, 3 saniyeden geç yüklenen mobil siteyi terk ediyor. Google bunu biliyor ve 2021'den beri Core Web Vitals'ı resmi sıralama faktörü olarak kullanıyor. Bu rehber; LCP, INP, CLS metriklerinin ne olduğunu, nasıl ölçüleceğini ve PageSpeed Insights skorunuzu yeşile çıkaracak 7 pratik optimizasyon tekniğini anlatıyor.
1. Core Web Vitals Nedir?
Core Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı 3 temel performans metriğidir:
- LCP: Sayfanın ne kadar hızlı görüntülendiği (yükleme)
- INP: Sayfanın kullanıcı etkileşimine ne kadar hızlı yanıt verdiği (etkileşim)
- CLS: Sayfa yüklenirken içeriğin ne kadar kaydığı (görsel stabilite)
Bu üç metrik, "Page Experience" sinyalinin bel kemiğidir. Bir sayfanın 3 metriği de "iyi" olduğunda sayfa Core Web Vitals'ı geçti sayılır.
Core Web Vitals, sıralamanın tek belirleyicisi değildir. İçerik kalitesi, alaka ve geri bağlantılar daha ağır basar. Ancak benzer kalitedeki iki siteden hızlı olan her zaman öne geçer. Yavaş bir site, "son dakikada elenen" bir adaydır.
2. LCP — Largest Contentful Paint
LCP Yükleme
Görünür alandaki en büyük içerik öğesinin (genellikle kapak görseli veya başlık bloğu) yüklenme süresi.
LCP'yi Kötüleştiren Etkenler
- Yavaş sunucu yanıt süresi (TTFB > 600ms)
- Optimize edilmemiş, büyük boyutlu görseller
- Render-blocking JS ve CSS
- Client-side rendering (SPA'lar için özellikle)
- Lazy-loaded olmayan ekran dışı kaynaklar
3. INP — Interaction to Next Paint
INP Etkileşim
Kullanıcı bir butona tıkladığında, tuşa bastığında veya ekrana dokunduğunda sayfanın görsel olarak yanıt vermesi ne kadar sürüyor? INP, en kötü etkileşimi ölçer.
INP'yi Kötüleştiren Etkenler
- Ağır JavaScript çalıştırma (long tasks)
- Çok sayıda 3. parti script (analytics, chat widget, ads)
- Büyük JavaScript bundle'ları
- Ana thread bloklayan işlemler
INP, Mart 2024'te FID'nin yerini aldı. FID sadece ilk etkileşimi ölçerken INP tüm etkileşimleri değerlendirir — daha gerçekçi bir deneyim metriği.
4. CLS — Cumulative Layout Shift
CLS Stabilite
Sayfa yüklenirken içeriğin beklenmedik şekilde kayma miktarı. "Tıklamak üzereyken reklamın öne geçmesi" olayının metriği.
CLS'yi Kötüleştiren Etkenler
- Görsellere
widthveheightattribute'u eklenmemesi - Dinamik yüklenen reklamlar ve iframe'ler (yer ayrılmadan)
- Web fontların geç yüklenmesi (FOIT/FOUT)
- Görünür alana sonradan eklenen içerik (kullanıcı etkileşimi dışında)
5. Core Web Vitals Nasıl Ölçülür?
Lab Data (Simülasyon)
Kontrollü ortamda, Lighthouse veya PageSpeed Insights'ın otomatik testiyle üretilen sonuçlar. Hızlı, tekrarlanabilir ama gerçek kullanıcı deneyimini yansıtmaz.
Field Data (Gerçek Kullanıcı)
Chrome User Experience Report (CrUX) adlı dev veritabanı üzerinden, gerçek kullanıcıların son 28 günlük deneyim verisi. Google sıralamada bu veriyi kullanır.
Ölçüm Araçları
| Araç | Veri Türü | Ücret |
|---|---|---|
| PageSpeed Insights | Lab + Field | Ücretsiz |
| Search Console — CWV raporu | Field (CrUX) | Ücretsiz |
| Chrome DevTools — Lighthouse | Lab | Ücretsiz |
| Web Vitals Chrome Eklentisi | Anlık (kendi taramanız) | Ücretsiz |
| GTmetrix | Lab | Ücretsiz başlangıç |
6. Site Hızını Artırmanın 7 Yolu
Görselleri WebP'ye Çevirin ve Optimize Edin
LCP'nin en yaygın suçlusu ağır görsellerdir. JPG/PNG yerine WebP kullanın (%30 daha küçük). Her görselde width, height ve ekran dışı için loading="lazy" olmalı. İlk görünen kapak için fetchpriority="high" kullanın.
JavaScript'i Azaltın ve Erteleyin
Kritik olmayan JS'leri defer veya async ile yükleyin. Unused JavaScript'i tespit edip kaldırın (Chrome DevTools → Coverage). Code-splitting ile bundle boyutunu düşürün. Bu tek başına INP'yi yarıya indirebilir.
Critical CSS Inline Olmalı
İlk ekranda görünen bölüm için gereken CSS'i HTML içine inline edin, geri kalanı preload ile arka planda yükleyin. Bu teknik LCP'yi 1-2 saniye iyileştirebilir.
Sunucu Yanıt Süresini Düşürün
TTFB (Time to First Byte) 200ms altı olmalı. Kaliteli hosting seçin (Konya için SiteGround, Kinsta veya DigitalOcean). Caching aktif olsun (server-side + CDN). PHP sürümünüz güncel olsun. WordPress için object cache (Redis/Memcached) büyük fark yaratır.
Üçüncü Taraf Scriptleri Kontrol Edin
Her GTM tag'i, her chat widget'ı, her analytics scripti hızı yavaşlatır. Gerçekten gerekli olmayanları kaldırın. Facebook Pixel, hotjar, intercom gibi ağır script'leri sadece gerekli sayfalara yükleyin.
Web Fontları Optimize Edin
Google Fonts yerine self-hosted WOFF2 kullanın. font-display: swap ile FOIT'ten kaçının. Kritik fontları preload edin. Sadece kullandığınız weight'leri (örn. 400, 600) yükleyin; tüm ağırlıkları yüklemek 300-500KB ekler.
CDN Kullanın
Cloudflare ücretsiz planı Konya'daki bir site için bile büyük fark yaratır. Statik kaynakları (görsel, CSS, JS) dünyanın her yerinden hızlı sunar, DDoS korumasını ücretsiz ekler ve HTTP/3 desteğini otomatik aktifleştirir.
Sitenizin Core Web Vitals Durumunu Ücretsiz Analiz Edelim
Hangi metrik sizi yavaşlatıyor, hangi optimizasyon en yüksek etkiyi yapar — detaylı raporla sunalım.
Hız Analizi İste7. Sıkça Sorulan Sorular
Core Web Vitals gerçekten sıralamaya etkiliyor mu?
Evet, Haziran 2021'den beri Google'ın resmi sıralama faktörüdür. Ancak tek başına karar verici değildir — içerik kalitesi ve alaka daha ağır basar. Aynı kalitedeki iki siteden CWV'si iyi olan kazanır.
Lab data ve Field data farkı nedir?
Lab data, Lighthouse gibi araçların kontrollü simülasyon sonuçlarıdır. Field data (CrUX), gerçek kullanıcıların son 28 günlük deneyim verisidir. Google sıralamada Field data kullanır.
INP FID'nin yerine nasıl geldi?
Mart 2024'te Google, FID'yi INP ile değiştirdi. FID sadece ilk etkileşimi ölçerken, INP tüm etkileşimlerin en yavaşını ölçer — daha gerçekçi bir metrik. Eşik 200ms'dir.
Core Web Vitals skoru kaç olmalı?
LCP < 2.5s, INP < 200ms, CLS < 0.1. Bu üçü de 'iyi' seviyeye ulaştığında CWV'yi geçmiş sayılırsınız. Mobilde ayrıca kontrol edilmelidir.
WordPress'te CWV nasıl iyileştirilir?
İyi hosting (SiteGround, Kinsta) + caching eklentisi (WP Rocket, LiteSpeed) + görsel optimizasyonu (ShortPixel) + gereksiz eklentileri kaldırma + hafif tema (GeneratePress, Astra) = çoğu WordPress sitesini yeşile taşır.
CWV iyileştirmek ne kadar sürer?
Değişikliklerin PageSpeed Insights'ta görünmesi anlıktır; gerçek CrUX skorunun değişmesi için 28 gün gerekir. Google sıralamaya Field data kullandığı için "bir aylık bekleme" kuralı vardır.
Sonuç
Core Web Vitals, kullanıcının hissettiği hızın Google tarafından ölçülmüş halidir. Bu rehberdeki 7 tekniği uyguladığınızda yeşil skora ulaşmak ortalama 2-4 hafta alır. Field data'nın güncellenmesi (Google'ın gördüğü skor) ise ~28 gün daha beklentir.
Daha geniş bir teknik SEO çerçevesi için 25 maddelik teknik SEO checklist'imize ya da mobil SEO rehberimize göz atabilirsiniz.
