Web Sitesi Hızı Neden Önemli? Core Web Vitals Rehberi

Bir web sitesinin hızı, kullanıcı için sabır meselesi; Google için ise sıralama sinyalidir. Araştırmalar, yüklenme süresi uzadıkça ziyaretçilerin siteyi terk etme oranının hızla arttığını tutarlı biçimde gösteriyor. Yani hız yalnızca teknik bir detay değil, doğrudan ciroyu etkileyen bir konudur.

Core Web Vitals nedir?

Google, kullanıcı deneyimini ölçmek için üç temel metrik belirledi. Bu metrikler "Core Web Vitals" adıyla arama sıralamasında da dikkate alınıyor:

LCP: En Büyük İçeriğin Görünme Süresi

Sayfadaki en büyük görsel veya metin bloğunun ekranda belirmesi ne kadar sürüyor? Google'ın önerdiği hedef 2,5 saniyenin altıdır. Genellikle optimize edilmemiş büyük görseller ve yavaş sunucu yanıtı bu süreyi uzatır.

INP: Etkileşime Yanıt Süresi

Kullanıcı bir butona tıkladığında sayfa ne kadar çabuk tepki veriyor? Ağır JavaScript kodu, tarayıcıyı meşgul ederek tıklamaların geç algılanmasına yol açar. Hedef 200 milisaniyenin altıdır.

CLS: Görsel Kaymalar

Sayfa yüklenirken içeriğin zıplaması, kullanıcının yanlış yere tıklamasına neden olur. Görsellere ve reklam alanlarına önceden boyut tanımlamak bu sorunu büyük ölçüde çözer.

Sitenizi hızlandırmanın somut yolları

• Görselleri optimize edin: Çoğu sitede en büyük yük görsellerdir. Modern formatlar (WebP/AVIF) ve doğru boyutlandırma tek başına ciddi kazanç sağlar.
• Gereksiz eklentileri kaldırın: Özellikle hazır tema kullanan sitelerde, kullanılmayan eklentiler her sayfada gereksiz kod yükler.
• Önbelleklemeyi açın: Tekrar eden ziyaretlerde tarayıcının dosyaları yeniden indirmesini engeller.
• Yazı tiplerini sınırlayın: Her ek font ağırlığı ayrı bir dosya indirmesi demektir; gerçekten kullandıklarınızla yetinin.
• İyi bir hosting seçin: En iyi optimizasyon bile yavaş bir sunucuyu kurtaramaz.

Nasıl ölçersiniz?

Google'ın ücretsiz PageSpeed Insights aracı, sitenizi hem mobil hem masaüstü için puanlar ve somut iyileştirme önerileri verir. Search Console'daki "Core Web Vitals" raporu ise gerçek kullanıcı verilerini gösterdiği için daha güvenilirdir; laboratuvar testi iyi görünse bile gerçek kullanıcı deneyimi farklı olabilir.

Laboratuvar verisi ile saha verisi farkı

PageSpeed Insights size iki ayrı sonuç gösterir ve ikisini karıştırmak yanlış kararlara yol açar.

Laboratuvar verisi sabit bir cihaz ve sabit bir bağlantı hızıyla, o an yapılan tek bir testin sonucudur. Tekrarlanabilir olduğu için geliştirme sırasında işe yarar: bir değişiklik yaptınız, tekrar ölçtünüz, farkı gördünüz.

Saha verisi ise son yirmi sekiz günde sitenizi gerçekten ziyaret eden kullanıcılardan toplanır. Sıralamada dikkate alınan budur. Laboratuvar puanınız 95 iken saha verisinde başarısız görünmeniz mümkündür; çünkü gerçek kullanıcılarınız daha yavaş cihazlardan ve daha kötü bağlantılarla giriyordur.

Karar verirken saha verisine bakın. Laboratuvar puanını yalnızca yaptığınız değişikliğin yönünü kontrol etmek için kullanın.

Önce neyi düzeltmeli

Hız raporları uzun bir öneri listesi üretir ve hepsini yapmaya çalışmak zaman kaybıdır. Etki sırası genelde şöyledir:

1. Görseller. Çoğu sitede toplam ağırlığın yarısından fazlası burada. Modern format ve doğru boyut, tek başına LCP süresini belirgin biçimde düşürür.
2. Sunucu yanıt süresi. Sunucu ilk baytı geç gönderiyorsa, sonraki hiçbir optimizasyon bunu telafi edemez.
3. Bloke eden kaynaklar. Sayfanın üstünde yüklenen ve çizimi bekleten JavaScript ve stil dosyaları.
4. Boyut tanımları. Görsel ve reklam alanlarına önceden yükseklik vermek, görsel kaymayı neredeyse sıfırlar ve en ucuz düzeltmedir.

Listenin altındaki mikro optimizasyonlar, ilk dördü yapılmadan anlamlı fark üretmez.

Hız ile dönüşüm arasındaki bağ

Hızı teknik bir puan olarak görmek yaygın bir hata. Asıl mesele, yavaş sayfanın ziyaretçiyi kaybetmesi.

Etki mobilde daha serttir, çünkü mobil kullanıcı genelde hareket hâlindedir ve sabırsızdır. Aynı sitenin masaüstü dönüşüm oranı iyi, mobil dönüşümü kötü ise ilk bakılacak yer içerik değil, mobil yükleme süresidir.

Hız iyileştirmesinin dönüşüme etkisini ölçmek isterseniz, değişiklikten önceki ve sonraki dört haftayı karşılaştırın ve sezonluk etkileri dışlayın. Dönüşüm tarafındaki diğer engelleri dönüşüm optimizasyonu yazımızda topladık.

Sitenizin hız raporunu çıkarmamızı ve iyileştirme planı hazırlamamızı isterseniz bizimle iletişime geçebilirsiniz.

Sık sorulanlar