Web Sitesi Hızlandırma: Core Web Vitals Rehberi

Hız bir konfor değil, doğrudan para meselesi

Yavaş açılan bir site iki şeyi birden kaybettirir: ziyaretçiyi ve Google sıralamasını. Kullanıcı bir sayfanın açılmasını birkaç saniyeden fazla beklemez; e-ticarette yavaş sepet, satın almaya karar vermiş müşteriyi kaçırır. Google da bu deneyimi ölçer ve sıralamada dikkate alır. İyi haber şu: hız çoğunlukla ölçülebilir ve iyileştirilebilir bir mühendislik konusudur.

Core Web Vitals nedir?

Google'ın sayfa deneyimini ölçtüğü üç temel metriktir:

• LCP (Largest Contentful Paint): Sayfanın en büyük içeriğinin ne kadar sürede göründüğü. Hedef: 2,5 saniyenin altı. Yavaşsa suçlu genelde büyük görseller, yavaş sunucu veya render engelleyen kaynaklardır.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken öğelerin ne kadar kaydığı. Hedef: 0,1 altı. Kayan buton, yanlışlıkla tıklama demektir; boyutu belirtilmemiş görseller ve reklamlar en sık nedendir.
• INP (Interaction to Next Paint): Kullanıcı tıkladığında sitenin ne kadar hızlı tepki verdiği. 2024'te FID'in yerini aldı. Ağır JavaScript en büyük düşmandır.

Siteyi hızlandırmanın uygulanabilir adımları

1. Görselleri optimize edin

En büyük hız kaybı genelde optimize edilmemiş görsellerden gelir. Doğru boyut, modern format (WebP/AVIF), sıkıştırma ve gecikmeli yükleme (lazy load); LCP'yi belirgin düşürür.

2. Önbellekleme ve CDN

Sayfaların ve statik dosyaların önbelleklenmesi, içeriğin kullanıcıya en yakın sunucudan (CDN) sunulması yanıt süresini uçurur. Bunlar altyapı kararlarıdır ve doğru kurulduğunda etkisi büyüktür.

3. Sunucu yanıt süresi (TTFB)

Sunucunun ilk yanıtı ne kadar hızlı verdiği her şeyin temelidir. Doğru barındırma, PHP/veritabanı optimizasyonu ve gereksiz sorguların temizliğiyle TTFB milisaniyelere iner. Kurduğumuz sitelerde sunucu yanıtı çoğunlukla milisaniyeler seviyesindedir.

4. JavaScript ve CSS'i hafifletin

Kullanılmayan kod, ağır kütüphaneler ve render engelleyen kaynaklar hem LCP hem INP'yi bozar. Temiz, minimal kod ve kritik kaynakların önceliklendirilmesi çözümdür.

5. Yazı tipleri

Yavaş yüklenen fontlar metnin görünmesini geciktirir. Fontları önceden yükleyip doğru gösterim stratejisiyle sunmak ilk boyamayı hızlandırır.

Mevcut sitenizi yıkmadan hızlandırmak

Çoğu zaman tasarıma dokunmadan, yalnızca altyapı ve optimizasyonla ciddi kazanç elde edilir. Bir e-ticaret sitesinin sunucu yanıt süresini 0,5 saniyeden 0,12 saniyeye indirdiğimiz gerçek bir örnek var — tasarıma hiç dokunmadan. Yapı çok eskiyse yeniden yapım daha ekonomik olabilir; kararı tahminle değil ölçümle veriyoruz.

Önce ölçün

İyileştirme ölçümle başlar. Sitenizin hız ve teknik durumunu ücretsiz site analizi aracımızla 30 saniyede görebilir, ardından SEO çalışmamızla hızın üzerine görünürlük ekleyebilirsiniz. Sitenizi birlikte hızlandırmak için bize yazın.