Sayfa hızı yalnızca bir kullanıcı deneyimi metriği değil, doğrudan Google’ın resmi sıralama faktörüdür. 1 saniyeden daha hızlı açılan web siteleri, rakiplerine kıyasla %50 daha yüksek dönüşüm oranı yakalamaktadır.
1. Core Web Vitals Nedir ve Neden Sıralama Kriteridir?
Google, gerçek kullanıcı deneyimini ölçmek için Chrome Kullanıcı Deneyimi Raporu (CrUX) verilerini kullanır. 3 temel metrik üzerinden sitenizi değerlendirir:
LCP
En büyük içeriğin yüklenme hızı (< 2.5 sn)
INP
Tıklama tepki süresi (< 200 ms)
CLS
Görsel düzen kayma oranı (< 0.1)
“PageSpeed optimizasyonunda amaç sadece yeşil skor almak değil, ziyaretçiye içeriği göz açıp kapayıncaya kadar sunmaktır.”
2. LCP Nasıl 1 Saniyenin Altına İndirilir?
- Hero Görseline Öncelik Verin: İlk ekranda görünen ana görsele
fetchpriority="high"ekleyin ve lazy loading uygulamayın. - Bloke Eden CSS/JS Kodlarını Erteleyin: Kritik olmayan stilleri ve betikleri
deferveyaasyncile yükleyin. - Sunucu Yanıt Süresini (TTFB) Azaltın: Hızlı NVMe diskli sunucular ve Redis / LiteSpeed önbellekleme kullanın.
3. INP ve JavaScript Gecikmelerini Önleme
Sayfada çalışan ağır üçüncü taraf scriptleri (Canlı destek, piksel kodları, ağır kütüphaneler) ana iş parçacığını (Main Thread) kilitler. Gereksiz JS eklentilerini temizleyin.
4. CLS (Cumulative Layout Shift) Düzen Kaymasını Sıfırlama
Sayfa yüklenirken butonların veya metinlerin aşağı kayması kullanıcıyı yanıltır. Tüm <img> ve <iframe> etiketlerine mutlaka sabit width ve height veya aspect-ratio CSS kuralları tanımlayın.
5. Görsel Optimizasyonu: WebP & AVIF Formatları
Eski PNG ve JPG görselleri yeni nesil WebP veya AVIF formatına dönüştürerek görsel boyutlarını %80 oranında küçültebilirsiniz.
6. Özet ve Teknik Kontrol Listesi
Düzenli olarak PageSpeed Insights ve Search Console Core Web Vitals raporlarını denetleyerek hataları anında giderin.
