Site Hızı Optimizasyonu: PageSpeed Insights'ta 100 Puan Alma Rehberi

Site Hızı Neden Kritik?

Google'ın verilerine göre sayfa yüklenme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma oranı (bounce rate) %32 artar. 5 saniyeye çıktığında bu oran %90'ı bulur. Site hızı hem kullanıcı deneyimi hem SEO sıralaması için doğrudan etkili bir faktördür.

1. Görsel Optimizasyonu

Sayfaların yavaşlığının #1 nedeni optimize edilmemiş görsellerdir. WebP formatı: JPEG'e göre %25-34 daha küçük dosya boyutu sağlar. Lazy Loading: Ekranın altında kalan görselleri gecikmeli yükleyin. Responsive Images: srcset kullanarak her cihaz boyutu için uygun çözünürlük sunun. CDN: Görselleri Cloudflare Images, ImageKit veya AWS CloudFront üzerinden sunun.

2. CSS ve JavaScript Optimizasyonu

Critical CSS: Above-the-fold (ilk görünen alan) için gereken CSS'i inline olarak ekleyin, geri kalanını defer edin. Code Splitting: JavaScript'i sayfa bazında bölerek gereksiz yüklemeyi engelleyin. Tree Shaking: Kullanılmayan kodları build sürecinde temizleyin. Minification: Tüm CSS ve JS dosyalarını sıkıştırın.

3. Sunucu ve Altyapı

TTFB (Time to First Byte): 200ms altında tutun. HTTP/3: Mümkünse HTTP/3 protokolünü aktifleştirin. Brotli sıkıştırma: Gzip'e göre %15-20 daha iyi sıkıştırma sağlar. CDN kullanımı: Statik dosyaları dünya genelinde dağıtın.

4. Üçüncü Parti Scriptler

Google Analytics, Facebook Pixel, chat widget'ları gibi üçüncü parti scriptler sayfa hızını ciddi şekilde etkiler. Çözüm: defer/async yükleme, Partytown gibi web worker araçları ve gereksiz scriptleri kaldırma.

Sonuç

100/100 PageSpeed puanı zor ama ulaşılabilir bir hedef. Her optimizasyon adımı, hem kullanıcı deneyimini hem SEO sıralamalarını iyileştirir.