Web Sitesi Hızını Artırmanın Yolları

Bir web sitesinin yavaş açılması, ziyaretçilerin yüzde 53’ünün 3 saniyeden fazla beklemeyeceği anlamına geliyor. Google’ın sayfa hızını doğrudan sıralama faktörü olarak kullanması da performans optimizasyonunu artık bir lüks değil, zorunluluk haline getiriyor. Peki, bu sorunu çözmek için hangi teknikler işe yarıyor?

Görsel Optimizasyonu: Boyut ve Format Seçimi

Ortalama bir web sayfasının boyutunun %50’sinden fazlasını görseller oluşturur. 1920×1080 piksel çözünürlükte kaydedilmemiş bir JPEG dosyası, sayfa boyutunu gereksiz yere 2-3 MB artırabilir. Photoshop’ta “Save for Web” özelliği kullanılarak yapılan sıkıştırma, dosya boyutunu %70’e varan oranda azaltırken kalite kaybı minimum seviyede tutulabilir.

Modern formatlar olan WebP ve AVIF, PNG’ye kıyasla %30 daha küçük dosya boyutları sunar. Ancak eski tarayıcı desteği için fallback kodları eklemek kritiktir:

<picture> etiketi içinde WebP ve JPEG alternatifleri
Lazy loading özelliği ile fold altındaki görsellerin ertelenmesi
srcset attribute’ü farklı ekran boyutlarına uygun versiyonlar sunar

Tarayıcı Önbelleğe Alma (Caching) Stratejileri

Statik varlıkların %40’ından fazlası, uygun önbellek başlıkları eklenerek tekrar kullanılabilir. .htaccess dosyasına eklenen basit kurallar, tarayıcı önbellek süresini 1 yıla kadar uzatabilir:

Apache sunucularda Cache-Control başlığı şu şekilde ayarlanır:

ExpiresActive On
ExpiresByType image/jpg “access plus 1 year”
Header append Cache-Control “public”

Cloudflare gibi CDN sağlayıcıları, edge caching ile içerik dağıtım hızını 200ms’nin altına düşürebilir. Ancak dinamik içeriklerde Cache-Control: no-store kullanımı unutulmamalıdır.

JavaScript ve CSS Minimizasyonu

Gereksiz boşluklar, yorum satırları ve kullanılmayan kod blokları, bir script dosyasının boyutunu %25-40 artırır. Webpack veya Gulp gibi araçlarla yapılan minification işlemi, jQuery kütüphanesini 84KB’dan 28KB’ya düşürebilir.

Kritik CSS tekniği, sayfanın üst kısmında görünen (above the fold) içerik için gerekli stilleri inline olarak ekler. Böylece render blocking sorunu ortadan kalkar:

Chrome DevTools Coverage raporu hangi CSS kurallarının kullanıldığını gösterir
PurgeCSS ile kullanılmayan seçiciler temizlenir
CSS dosyaları media query’lere göre bölünebilir

Sunucu Yanıt Süresi (TTFB) İyileştirmeleri

500ms’nin üzerindeki Time To First Byte değerleri, Google’ın “Yavaş” olarak işaretlemesine neden olur. PHP tabanlı sitelerde OPcache kullanımı, sayfa oluşturma süresini %70 kısaltabilir. MySQL sorgu optimizasyonu için:

EXPLAIN komutu ile yavaş sorgular tespit edilir
JOIN yerine INDEX kullanımı 0.5s kazandırır
Redis ile veritabanı sorguları önbelleğe alınır

Shared hosting yerine VPS veya dedicated server geçişi, CPU throttle sorununu ortadan kaldırır. LiteSpeed sunucular, NGINX’e kıyasla eşzamanlı bağlantılarda %50 daha iyi performans gösterir.

HTTP/2 ve DNS Ön Bağlantısı

Eski HTTP/1.1 protokolü, aynı anda maksimum 6 paralel bağlantıya izin verir. HTTP/2 ile multiplexing özelliği sayesinde 100+ istek tek TCP bağlantısı üzerinden gönderilebilir. Cloudflare üzerinden ücretsiz etkinleştirilebilen bu protokol, kaynak yükleme süresini 1.2s azaltır.

DNS prefetching, harici kaynaklar yüklenmeden önce alan adı çözümlemesini başlatır:

<link rel=”dns-prefetch” href=”//fonts.googleapis.com”>
Google Analytics için dns-prefetch
CDN domainleri ön çözümleme listesine eklenir

Veritabanı ve Arka Plan İşlemleri

WordPress sitelerde wp_options tablosunun 1000+ satır içermesi, admin panelinde 3s’lik gecikmeye yol açabilir. WP-Optimize eklentisi ile:

Otomatik veritabanı temizliği
Spam yorumların silinmesi
Post revisions sayısının sınırlandırılması

Cron job’ların yoğun saatler dışına alınması, sunucu yükünü dengeler. WooCommerce sitelerde abandoned cart verileri günlük temizlenmelidir. WP Rocket gibi eklentiler, önbellek temizleme işlemlerini akıllıca planlar.