Google'a göre 3 saniyenin üzerinde açılan mobil sitelerde ziyaretçinin yarısı çıkar. Hız sadece kullanıcı deneyimi değildir — Google sıralamasını, dönüşüm oranını ve reklam maliyetini doğrudan etkiler. Bu yazıda, sitenizi hızlandırmak için somut tekniklerden bahsediyoruz.

Önce: Mevcut Hızınızı Ölçün

Optimizasyona başlamadan önce mevcut puanınızı bilin. Ücretsiz araçlar:

  • Google PageSpeed Insights (pagespeed.web.dev) — mobil ve masaüstü için Core Web Vitals puanı.
  • GTmetrix — detaylı sayfa hızı dökümü, “şelale” analizi.
  • WebPageTest — farklı lokasyon ve bağlantı türlerinden test.
  • Chrome DevTools Lighthouse — yerel tarayıcıdan tek tıkla rapor.

1. Görselleri Modernleştirin (En Büyük Etki)

Sayfanın %60-80'i görsellerden oluşur. Doğru optimizasyon en büyük hız kazanımıdır.

  • WebP / AVIF formatı kullanın: JPEG'in %30, PNG'nin %50 boyutu — kalite kaybı yok.
  • Doğru boyutu serve edin: 1920px görselin 300px'lik konumda gösterilmesi yanlıştır. Responsive srcset kullanın.
  • Lazy loading: Ekran dışı görseller scroll'da yüklensin (loading="lazy").
  • Görsel boyutlarını belirtin: width ve height niteliği CLS (Cumulative Layout Shift) puanını düzeltir.

2. Sıkıştırma (Gzip / Brotli) Aktif Edin

HTML, CSS, JS dosyalarınız sunucuda sıkıştırılarak gönderilmelidir. Bu, dosyaları %70-90 oranında küçültür. .htaccess üzerinde tek satır eklemekle çoğu sunucuda aktif olur. Brotli, gzip'ten %15-25 daha iyi sıkıştırır.

3. Tarayıcı Önbelleği (Browser Cache)

Aynı ziyaretçi siteye ikinci kez geldiğinde, daha önce indirdiği görsel ve CSS dosyaları tekrar indirilmemeli — tarayıcıda saklı kalmalı. .htaccess üzerinde Cache-Control ve Expires başlıkları ayarlanır. Görseller ve fontlar 1 yıl, CSS/JS 1 ay önbelleklenebilir.

4. CDN (Content Delivery Network) Kullanın

Cloudflare (ücretsiz başlangıç planı vardır), BunnyCDN, KeyCDN gibi servisler, sitenizin statik içeriklerini dünyanın farklı sunucularına dağıtır. Türkiye'deki ziyaretçi en yakın sunucudan içeriği alır; sayfa anında açılır. Ek olarak DDoS koruması ve SSL de gelir.

5. Kritik CSS ve Kod Bölümleme

İlk ekran (above-the-fold) için gereken minimum CSS'i inline (HTML içinde) gönderin; kalan CSS'i geç yükleyin. JS dosyalarını defer veya async ile yükleyin — tarayıcı önce sayfayı çizsin, JS arka planda yüklensin.

6. Üçüncü Parti Scriptleri Sınırlayın

Google Analytics, Facebook Pixel, chat widget, popup eklentileri, A/B test araçları... Her biri ek 50-200ms ekler. Gereksiz olanları kaldırın. Mecbur kullandıklarınızı “async” veya “defer” yükleyin.

7. Font Optimizasyonu

Google Fonts kullanıyorsanız: gerekli ağırlıkları sınırlayın (300, 400, 500 — 7'siyle değil), display=swap kullanın, preconnect ile DNS'i önceden açın. Mümkünse fontları self-host edin (kendi sunucunuzdan).

8. Veritabanı Optimizasyonu (CMS Siteleri İçin)

WordPress veya OpenCart sitelerinde zamanla biriken eski revizyon, çöp yorum, geçici veri sayfayı yavaşlatır. Aylık temizlik yapın (WP-Optimize, WP-Sweep gibi eklentilerle). Veritabanı sorgularını da önbellekleyebilen eklentiler kullanın.

9. Sayfa Önbellekleme (Page Cache)

Her ziyaretçide sayfayı sıfırdan PHP'den render etmek yerine, statik HTML olarak önbellekleyin. WP Rocket, LiteSpeed Cache, W3 Total Cache gibi eklentiler bunu otomatik yapar. Sayfa açılış süresi 3-5 kat azalabilir.

10. HTTP/2 ve HTTP/3

Modern protokoller, aynı bağlantı üzerinden paralel istek desteği sunar. Hosting sağlayıcınızda HTTP/2 (artık standart) ve mümkünse HTTP/3 aktif olmalı. Çoğu modern hosting bunu zaten sunar.

Hedeflenecek Core Web Vitals Değerleri

  • LCP (Largest Contentful Paint): 2.5 saniyenin altı — iyi.
  • INP (Interaction to Next Paint): 200ms altı — iyi.
  • CLS (Cumulative Layout Shift): 0.1 altı — iyi.

Son Söz

Hız optimizasyonu tek seferlik bir iş değildir; yeni eklentiler, içerik ve değişikliklerle yavaşlama olur. Ayda bir kez PageSpeed Insights çalıştırın, düşen puanları yakalayın. Hızlı site, mutlu ziyaretçi, daha fazla satış.