Web sitesi hızı: Core Web Vitals rehberi

Site hızı neden bu kadar önemli?

Bir sayfanın açılması uzadıkça ziyaretçinin sayfadan ayrılma olasılığı artar. Özellikle mobil bağlantılarda birkaç saniyelik gecikme bile formu doldurmadan, ürünü sepete eklemeden çıkan kullanıcı demektir. Google da sayfa deneyimini sıralama sinyallerinden biri olarak değerlendirir. Kısacası hız; hem dönüşümü hem görünürlüğü doğrudan etkiler.

Core Web Vitals nedir?

Core Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç temel metriktir:

• LCP (Largest Contentful Paint): Sayfadaki en büyük görsel ya da metin bloğunun ekranda belirme süresi. İyi değer 2,5 saniye ve altıdır.
• INP (Interaction to Next Paint): Kullanıcı bir düğmeye bastığında sayfanın tepki verme hızı. İyi değer 200 milisaniye ve altıdır.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin beklenmedik şekilde kayması. İyi değer 0,1 ve altıdır.

Sitenizin hızını nasıl ölçersiniz?

• PageSpeed Insights: Adresinizi yazın; hem gerçek kullanıcı verilerini hem de laboratuvar testini görün. Mobil sonuca öncelik verin.
• Google Search Console: "Core Web Vitals" raporu, sitenizdeki hangi sayfa gruplarının sorunlu olduğunu gösterir.
• Tarayıcı geliştirici araçları: Lighthouse sekmesi, sorunların ayrıntılı listesini ve çözüm önerilerini sunar.

Tek bir skora takılmayın. Asıl önemli olan, gerçek ziyaretçilerin deneyimini gösteren saha verileridir.

Siteyi hızlandırmanın en etkili yolları

Görselleri optimize edin

Çoğu sitede yavaşlığın bir numaralı nedeni büyük görsellerdir. Görselleri ekranda gösterileceği boyuta indirin, WebP veya AVIF gibi modern formatlara çevirin ve ekranın altında kalan görsellerde gecikmeli yüklemeyi (lazy loading) kullanın. Sayfanın üstündeki ana görselde ise tersini yapın: tarayıcıya bu görseli öncelikli yüklemesini söyleyin.

Görsellere ve gömülü içeriğe boyut verin

Genişlik ve yükseklik değeri verilmemiş görseller, yüklendiklerinde sayfayı aşağı iter ve CLS puanını bozar. Görsellere, videolara ve reklam alanlarına önceden yer ayırın.

Gereksiz kodu ve eklentileri kaldırın

Kullanılmayan eklentiler, büyük JavaScript kütüphaneleri ve üçüncü taraf betikler (sohbet araçları, takip kodları) hem yüklemeyi hem etkileşimi yavaşlatır. İhtiyacınız olmayanları kaldırın, gerekli olanları ertelenmiş (defer) yükleyin.

Yazı tiplerini akıllı yükleyin

Az sayıda yazı tipi ağırlığı kullanın, yazı tiplerini önceden bağlanacak şekilde tanımlayın ve metnin yazı tipi yüklenene kadar görünür kalmasını sağlayın.

Önbellek ve CDN kullanın

Değişmeyen dosyaların tarayıcıda önbelleğe alınması tekrar eden ziyaretleri hızlandırır. CDN (içerik dağıtım ağı) ise dosyalarınızı ziyaretçiye en yakın sunucudan sunar.

Hızlı bir altyapı seçin

Çok ucuz ve kalabalık paylaşımlı sunucular, en iyi optimize edilmiş siteyi bile yavaşlatabilir. Sunucu yanıt süresi yüksekse altyapıyı değiştirmeyi düşünün.

Hız tek seferlik bir iş değildir

Yeni bir eklenti, büyük bir kampanya görseli ya da eklenen bir takip kodu, hızlı bir siteyi kısa sürede yavaşlatabilir. Önemli değişikliklerden sonra ölçümü tekrarlayın ve Search Console raporunu ayda bir kontrol edin. Sitenizin hız ve teknik SEO durumunu birlikte incelemek isterseniz SEO Analizi, hızlı ve sade bir site için Web Tasarım sayfalarına göz atabilirsiniz.