Site Hızı Neden Satışı Etkiler? Core Web Vitals Rehberi

Site hızı, teknik bir detay gibi görünür ama doğrudan gelir kalemidir. Yavaş açılan bir sayfada ziyaretçi geri döner; geri dönen ziyaretçi hem satın almaz hem de o tıklama için ödediğiniz reklam parasını boşa çıkarır.

Core Web Vitals nedir?

Google’ın kullanıcı deneyimini ölçmek için kullandığı üç metriktir.

LCP — Largest Contentful Paint

Sayfadaki en büyük içeriğin ne kadar sürede göründüğü. Hedef: 2,5 saniyenin altı. Genellikle hero görseli veya ana başlıktır.

INP — Interaction to Next Paint

Kullanıcı bir şeye tıkladığında arayüzün ne kadar sürede tepki verdiği. Hedef: 200 milisaniyenin altı. 2024’te FID’in yerini aldı.

CLS — Cumulative Layout Shift

Sayfa yüklenirken içeriğin ne kadar kaydığı. Hedef: 0,1’in altı. Butona basmak isterken reklamın yer değiştirmesi klasik örnektir.

En sık karşılaşılan 6 sorun ve çözümü

1. Devasa görseller. Çözüm: WebP/AVIF formatı, doğru boyutlandırma, loading="lazy".
2. Boyut verilmemiş görseller. Çözüm: width ve height belirtin; CLS’i tek başına çözer.
3. Fazla JavaScript. Çözüm: kod bölme (code splitting), kullanılmayan kütüphaneleri kaldırma.
4. Bloklayan üçüncü taraf script’ler. Çözüm: chat, analitik ve reklam script’lerini geciktirerek yükleyin.
5. Font yükleme sıçraması. Çözüm: font-display: swap ve fontları kendi sunucunuzdan servis edin.
6. Sunucu yavaşlığı. Çözüm: önbellekleme, CDN, veritabanı sorgu optimizasyonu.

Nereden ölçülür?

• PageSpeed Insights: hem laboratuvar hem gerçek kullanıcı verisi.
• Search Console → Core Web Vitals: sitenin tamamı için gerçek kullanıcı verisi.
• Chrome DevTools → Lighthouse: geliştirme sırasında hızlı kontrol.

Önemli uyarı: laboratuvar skoru (Lighthouse) ile gerçek kullanıcı verisi (CrUX) farklı olabilir. Karar verirken gerçek kullanıcı verisine bakın.

Pratik öncelik sırası

Sınırlı zamanınız varsa şu sırayla ilerleyin: (1) hero görselini optimize edin, (2) tüm görsellere boyut verin, (3) üçüncü taraf script’leri geciktirin, (4) kullanılmayan JavaScript’i kaldırın. Bu dört adım çoğu sitede skorun büyük kısmını düzeltir.

Üç metriğin gerçekte ne ölçtüğü

Core Web Vitals soyut bir puan değil; kullanıcının hissettiği üç somut şeyi ölçer.

LCP — sayfa ne zaman "açıldı" sayılır?

Largest Contentful Paint, ekrandaki en büyük öğenin görünme süresidir. Genelde bu öğe hero görseli ya da ana başlıktır. Hedef: 2,5 saniyenin altı.

En sık üç sebep: optimize edilmemiş büyük görsel, yavaş sunucu yanıtı (TTFB), ve render'ı bloklayan CSS/JavaScript.

INP — tıkladığımda ne kadar bekliyorum?

Interaction to Next Paint, 2024'te FID'in yerini aldı ve daha zorlu bir ölçüttür: sayfadaki tüm etkileşimlerin yanıt süresini değerlendirir. Hedef: 200 ms altı.

Kötü INP'nin neredeyse tek sebebi vardır: ana iş parçacığını uzun süre meşgul eden JavaScript. Genelde üçüncü taraf scriptler (canlı destek, ısı haritası, birden fazla analitik) suçludur.

CLS — sayfa okurken neden zıplıyor?

Cumulative Layout Shift, beklenmedik kaymaları ölçer. Hedef: 0,1 altı. En sinir bozucu kullanıcı deneyimi budur: butona basmak üzereyken reklam yüklenir, yanlış yere tıklarsınız.

Önce ölçün: hangi araç ne söyler?

Araç	Veri tipi	Ne için kullanılır
PageSpeed Insights	Laboratuvar + saha	Hızlı genel bakış ve öneri listesi
Search Console → Core Web Vitals	Gerçek kullanıcı (saha)	Sıralamayı etkileyen ASIL veri
Chrome DevTools → Lighthouse	Laboratuvar	Geliştirme sırasında hızlı test
WebPageTest	Laboratuvar, detaylı	Şelale analizi, hangi kaynak bekletiyor

Kritik ayrım: Google sıralamada laboratuvar puanını değil, saha verisini (gerçek kullanıcı ölçümleri) kullanır. Lighthouse'ta 100 alıp Search Console'da "zayıf" görmek mümkündür ve bu bir çelişki değildir: laboratuvar testi ideal koşullarda, saha verisi gerçek cihaz ve bağlantılarla ölçer.

Etkiye göre sıralanmış düzeltmeler

Bu sıra, en az emekle en çok kazandıran işten başlar.

1. Görselleri modern biçime çevirin. WebP/AVIF, JPEG'e göre %30–50 daha küçüktür. Tek başına LCP'yi çoğu sitede saniyeler düzeyinde iyileştirir.
2. Görsellere genişlik ve yükseklik verin. Tarayıcı yeri önceden ayırır, CLS neredeyse sıfırlanır. Maliyeti bir satır HTML'dir.
3. Ekran dışı görselleri geciktirin. loading="lazy", ilk ekranda görünmeyen her görsel için.
4. Üçüncü taraf scriptleri sayın. Kaç analitik, kaç piksel, kaç canlı destek var? Her biri INP'yi bozar. Kullanılmayanı silmek, optimize etmekten hızlıdır.
5. Yazı tiplerini önden yükleyin. font-display: swap ile metin, yazı tipi gelmeden görünür olur.
6. Sunucu yanıt süresini düşürün. TTFB 600 ms üstündeyse önbellek veya sunucu değişikliği gerekir; bu adım genelde en pahalısıdır, o yüzden sonda.

Site hızı sıralamayı gerçekten etkiler mi?

Evet, ama abartıldığı kadar değil. Core Web Vitals bir sıralama sinyalidir; içerik kalitesinden ve konuya uygunluktan sonra gelir. Kötü içerikli hızlı bir sayfa, iyi içerikli yavaş bir sayfayı geçmez.

Asıl etki dönüşümdedir. Sayfa yüklenme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma oranı belirgin biçimde artar. Yani hız çalışmasını SEO için değil, satış için yapın; SEO faydası bonus olarak gelir.

Ne zaman durmalı?

Üç metrik de yeşile geçtiyse durun. 95'ten 100'e çıkmak için harcanan gün, aynı günü içerik üretimine harcamaktan neredeyse her zaman daha az getirir. Hız bir eşiktir, yarış değil.