Google, 2021'den itibaren Core Web Vitals metriklerini sıralama algoritmasına dahil etti. Bu durum, web sitesi hızını artık yalnızca kullanıcı deneyimi değil, SEO başarısı açısından da zorunlu kılıyor. Yapılan araştırmalar, sayfa yüklenme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma oranının (bounce rate) %32 arttığını ortaya koyuyor. E-ticaret sitelerinde bu durum doğrudan gelir kaybına dönüşüyor.

Core Web Vitals Nedir ve Neden Önemlidir?

Core Web Vitals, Google'ın kullanıcı deneyimini ölçmek için tanımladığı üç temel performans metriğidir. Bu metrikler artık Google arama sıralamalarını doğrudan etkiliyor ve teknik SEO'nun vazgeçilmez bir parçası haline geldi.

Birinci metrik LCP (Largest Contentful Paint): Sayfadaki en büyük içerik öğesinin — genellikle bir hero görseli veya ana başlık — görünür hale gelme süresidir. Google'ın hedef değeri 2.5 saniyenin altıdır. LCP değeri 4 saniyeyi geçen siteler "Zayıf" kategorisine düşer ve sıralama cezasıyla karşılaşır.

İkinci metrik INP (Interaction to Next Paint): 2024'te FID'nin yerini alan bu metrik, kullanıcının sayfa ile her etkileşiminin (tıklama, klavye girişi) ne kadar sürede sonuç verdiğini ölçer. Hedef değer 200 milisaniyenin altıdır.

Üçüncü metrik CLS (Cumulative Layout Shift): Sayfa yüklenirken elementlerin beklenmedik biçimde yer değiştirmesini ölçer. Okumakta olduğunuz bir metin aniden aşağı kayarsa veya tıklamak istediğiniz buton yerini değiştirirse CLS değeri yüksektir. Hedef değer 0.1'in altıdır.

LCP'yi İyileştirme Yöntemleri

LCP'nin yüksek olmasının en yaygın nedeni optimize edilmemiş görseller ve yavaş sunucu yanıt süreleridir. Çözüm için şu adımları izleyin: Hero görsellerinizi WebP veya AVIF formatına dönüştürün — PNG'ye kıyasla %30-50 daha küçük dosya boyutu elde edersiniz. Görsellere width ve height attribute'ları ekleyin, böylece tarayıcı görsel boyutunu önceden hesaplayabilir. Hero görselini loading="eager" ve fetchpriority="high" ile yükleyin. CSS'deki background-image yerine HTML img etiketi kullanın; tarayıcı img etiketlerini öncelikli yükler.

Sunucu yanıt süresini (TTFB — Time to First Byte) iyileştirmek için CDN (Content Delivery Network) kullanımı en etkili yöntemdir. Cloudflare, Vercel Edge Network veya AWS CloudFront gibi servisler içerikleri kullanıcıya en yakın sunucudan sunar; bu sayede TTFB dramatik biçimde düşer.

CLS Sorunlarını Ortadan Kaldırın

CLS'nin en yaygın kaynakları: boyutu belirtilmemiş görseller, dinamik olarak yüklenen içerik (reklamlar, iframe'ler) ve web fontlarının geç yüklenmesidir. Çözüm oldukça basit: Her görsele kesin genişlik ve yükseklik verin. Reklam alanları için sabit boyutlu placeholder oluşturun. Web fontları için font-display: swap veya font-display: optional kullanın.

INP (Etkileşim Gecikmesi) Optimizasyonu

Yüksek INP değerinin ana nedeni büyük JavaScript paketleridir. JavaScript, tarayıcının ana iş parçacığını (main thread) bloke ettiğinde kullanıcı etkileşimleri gecikir. Çözüm için: Gereksiz JavaScript kütüphanelerini kaldırın veya lighter alternatifleriyle değiştirin. Büyük script'leri code splitting ile parçalayın. async ve defer attribute'larını doğru kullanın. Web Worker'lar ile yoğun hesaplamaları arka plana taşıyın.

Mobil Uyumluluk: Google'ın Önceliği

Google, mobile-first indexing yaklaşımını 2019'dan itibaren benimsedi. Bu yaklaşım, Google'ın siteleri masaüstü yerine mobil sürümüne göre dizine eklediği anlamına gelir. Siteniz mobilde yavaş yükleniyorsa veya düzgün görüntülenmiyorsa masaüstünde ne kadar iyi olduğunun önemi kalmaz.

Mobil optimizasyon kontrol listesi: Viewport meta etiketi doğru tanımlansın (width=device-width, initial-scale=1). Butonlar ve linkler minimum 44x44 piksel dokunma alanına sahip olsun. Fontlar mobilde minimum 16px boyutunda olsun. Yatay kaydırmayı engelleyin. Form alanları mobil klavye ile uyumlu type attribute'ları kullansın (email, tel, number).

Pratik Araçlar ve Ölçüm

Google PageSpeed Insights (pagespeed.web.dev) ücretsizdir ve hem alan verilerini (CrUX) hem de lab verilerini gösterir. Google Search Console'daki Core Web Vitals raporu, sitenizin gerçek kullanıcı verilerini yansıtır ve "Zayıf URL" listesi sunar. WebPageTest.org detaylı şelale (waterfall) analizi için kullanılabilir.

Wesoco Web Sitelerinde Performans Standartları

Wesoco olarak geliştirdiğimiz her web sitesinde Core Web Vitals optimizasyonunu standart sürecimize dahil ettik. Next.js'in sunduğu Image Optimization, Incremental Static Regeneration ve Edge Caching özellikleri sayesinde müşterilerimizin sitelerinde LCP değerleri genellikle 1.2-1.8 saniye aralığında, CLS değerleri ise 0.05'in altında kalıyor. Sitenizin performansını ücretsiz analiz etmek için bizimle iletişime geçin.