2021 Haziran’da Google, Core Web Vitals’ı resmi sıralama sinyali olarak devreye aldı. Geçen iki yılda bu metrikleri ciddiye alan siteler, özellikle yavaş rakiplerinin hâkim olduğu niş alanlarda belirgin kazanımlar elde etti. Rakamlar net: Largest Contentful Paint (LCP) 4 saniyenin üzerindeyse, ziyaretçi sayfayı yüklenmeden terk etme ihtimali %90 civarına çıkıyor.
Üç Metrik, Üç Farklı Sorun
LCP, sayfanın en büyük görsel ya da metin bloğunun ekrana gelme süresidir. Hedef: 2,5 saniye ve altı. Cumulative Layout Shift (CLS), sayfa yüklenirken elemanların sıçramasını ölçer; 0,1’in altında tutulmalı. Interaction to Next Paint (INP) ise 2024’te First Input Delay’in yerini aldı; kullanıcının tıkladığı andan tarayıcının yanıt verdiği ana kadar geçen süreyi izliyor. 200 ms altı iyi, 500 ms üstü zaten sorun.
Üçü birden kırmızıda olan bir sayfa, “iyi içerik” iddiasını sürdürmekte güçlük çeker çünkü Google, deneyim kalitesini içerik kalitesiyle eş ağırlıkta değerlendiriyor.
LCP’yi Düşürmenin En Hızlı Yolları
Çoğu durumda LCP sorunu sunucu yanıt süresi ya da büyük görseller yüzünden ortaya çıkar. Önce ana görseli WebP veya AVIF formatına çevir, boyutunu 100-150 KB bandına çek ve loading="lazy" yerine fetchpriority="high" ekle. Sunucu yanıt süresi yüksekse (TTFB > 800 ms), bu genellikle hosting planı ya da önbellekleme eksikliğine işaret eder. Cloudflare’in ücretsiz CDN’i bile TTFB’yi %30-40 iyileştirebilir.
Bir diğer gizli katil: render-blocking JavaScript. Google Tag Manager’ın senkron yüklenmesi, tek başına LCP’yi 1-2 saniye ağırlaştırabilir. GTM’i async olarak çağırmak ve gereksiz etiketleri devre dışı bırakmak çoğu zaman yeterli.
CLS Sorununu Köküne Kadar Gidermek
Sayfa açılırken “atlayan” düzen şikâyetleri genellikle iki kaynaktan gelir: boyutsuz görseller ve geç yüklenen reklamlar. Her <img> etiketine width ve height özelliği vermek, tarayıcının layout’u önceden rezerve etmesini sağlar. Bu küçük değişiklik, e-ticaret sitelerinde CLS’yi 0,3’ten 0,05’e indirdiği görülen bir düzeltme.
Web font’ları da CLS’ye katkıda bulunur. Google Fonts’u font-display: swap yerine font-display: optional ile yüklemek, FOUT (Flash of Unstyled Text) kaynaklı layout kaymalarını önler; ancak ilk yüklemede sistem fontuyla gösterim yapar. Tasarım kısıtı yoksa bu tradeoff kabul edilebilir.
INP: Yanıt Hızını Ölçen Yeni Standart
INP, özellikle JavaScript ağırlıklı siteleri vuruyor. Ana thread’i kilitleyen uzun görevler (Long Tasks, >50 ms) her tıklamada gecikmeye yol açar. Chrome DevTools’un “Performance” sekmesinde “Long Tasks” seçeneği bu görevleri kırmızıyla işaretler. Büyük bir sayfa içi JS hesaplaması varsa, bunu requestIdleCallback() veya Web Workers’a taşımak fark yaratır.
React ya da Vue kullanan siteler için hydration süreci de ciddi INP kaynağı olabilir. Partial Hydration ya da Island Architecture gibi yaklaşımlar, tüm bileşenleri aynı anda canlandırmak yerine önce etkileşime girilecek alanları önceliklendiriyor.
PageSpeed Insights ve Search Console’u Birlikte Okumak
PageSpeed Insights (PSI), iki farklı veri sunar: “Lab data” (Lighthouse, her çalıştırmada değişir) ve “Field data” (gerçek kullanıcı metrikleri, 28 günlük ortalama). Sıralamayı etkileyen Field data’dır. Eğer sitenizin yeterli trafiği yoksa Search Console’da “Core Web Vitals” raporu boş görünür; bu durumda PSI’nin lab datasını temel alın ama sonuçları gerçek değer olarak kabul etmeyin.
Search Console’daki “Yetersiz URL’ler” listesi, hangi sayfaların sorun ürettiğini gösterir. Bu listeyi düzenli takip etmek, sıralama düşüşlerini önceden görmenin en pratik yollarından biri.
Hangi Sayfadan Başlamalı?
Her sayfayı aynı anda iyileştirmeye çalışmak verim düşürür. İki kriteri birlikte değerlendirin: trafiği yüksek ama Core Web Vitals puanı düşük sayfalar. Bu kesişim noktasındaki URL’ler, müdahalenin en hızlı karşılık verdiği noktalardır. Bir e-ticaret sitesinde bu genellikle kategori ve ürün listeleme sayfalarıdır; içerik sitelerinde ise en çok organik trafik alan makaleler.
CWV iyileştirmesi teknik bir iş ama sıralamanın tek belirleyicisi değil. Sayfa hızlı açılıyor, içerik sığ ve yüzeyseldi: kazanım yaşanmaz. Teknik ve içerik, birlikte çalışmak zorunda.