Web Sitesi Neden Yavaş? 10 Temel Sebep ve Kalıcı Çözüm Rehberi

Web sitenizin yavaş yüklenmesi, dijital varlığınıza karşı sizin kendinizin yaptığı en büyük sabotajdır. Ziyaretçilerin %53'ü 3 saniyeden uzun süren bir sayfayı terk ediyor. Her saniye gecikme, dönüşüm oranında yaklaşık %7 düşüş anlamına geliyor. Ve üstüne üstlük, Google yavaş siteleri arama sonuçlarında cezalandırıyor. Bu yazıda web sitesi yavaşlığının 10 temel sebebini ve her birinin çözümünü pratik biçimde açıklıyoruz.

Yavaş Site Neden Bu Kadar Önemli?

Sayılarla konuşalım:

• Amazon, sayfa yükleme süresinin her 100ms artışında %1 gelir kaybı hesaplıyor
• Google, 2021'den bu yana Core Web Vitals'ı doğrudan sıralama faktörü olarak kullanıyor
• Mobil kullanıcılar masaüstü kullanıcılardan 1.5x daha sabırsız — mobil yavaş site özellikle riskli
• PageSpeed skoru 50 altı siteler, 90 üstü rakiplerine kıyasla organik trafikte %35–60 geride kalıyor

Hız problemi teknik bir sorun değil, doğrudan gelir ve SEO problemidir.

Sebep 1: Optimize Edilmemiş Görüntüler

Web sitesi yavaşlığının 1 numaralı sebebi optimize edilmemiş görüntülerdir. 4 MB'lık bir JPEG, web sayfasında 200 KB'a düşürülebilir — 20x küçültme, kalite kaybı olmadan.

Çözüm:

• WebP formatı kullanın — JPEG'e kıyasla %25–34 daha küçük, aynı kalite
• Boyutlandırın — 3000px genişliğinde görüntüyü 800px alanda kullanmayın
• Lazy loading ekleyin — ekranda görünmeyecek görüntüler başlangıçta yüklenmesin
• Sıkıştırma kullanın — TinyPNG veya Squoosh ile %60–80 boyut azaltımı

Ortalama bir web sitesi görüntü optimizasyonuyla sayfa ağırlığını %50–70 azaltabilir.

Sebep 2: Yavaş Hosting / Sunucu Yanıt Süresi

TTFB (Time to First Byte) — sunucunun ilk yanıt vermesi için geçen süre — 600ms altında olmalı. Üstündeyse hosting sorunu var demektir.

Çözüm:

• Paylaşımlı hosting'den VPS veya bulut hosting'e geçin
• Türkiye'de lokasyonu olan sunucu tercih edin (fiziksel yakınlık gecikmeyi azaltır)
• Sunucu tarafı önbellekleme (Redis, Memcached) ekleyin
• Nginx, Apache'ye kıyasla statik dosya sunumunda 2–3x daha hızlı

Sebep 3: Render-Blocking JavaScript ve CSS

Tarayıcı sayfayı oluştururken JavaScript ve CSS dosyalarını sırayla indiriyor. Bloke eden bir dosya, tüm sayfanın render edilmesini bekletiyor.

Çözüm:

• JavaScript dosyaları için defer veya async kullanın
• Kritik CSS'i satır içi (inline) olarak yerleştirin, geri kalanı asenkron yükleyin
• JavaScript dosyalarını birleştirin ve küçültün (minify)
• Google Tag Manager gibi araçları asenkron yükleyin

Sebep 4: Çok Fazla HTTP İsteği

Her CSS, JS, font ve görüntü dosyası ayrı bir HTTP isteğidir. 80 istek yapan site, 30 istek yapan siteye kıyasla çok daha yavaş yüklenir.

Çözüm:

• CSS ve JavaScript dosyalarını birleştirin (bundle)
• Sprite kullanın küçük ikonlar için
• SVG ikonları satır içi kullanın (ayrı HTTP isteği yok)
• HTTP/2 veya HTTP/3 kullanın — çoklu istek paralel işleme sağlar

Sebep 5: Önbellek (Cache) Yapılandırması Yok

Ziyaretçi sitenizi her ziyaretinde her dosyayı yeniden indiriyorsa, önbellek yok demektir. Önbellek, bir kez indirilen dosyaların tarayıcıda veya CDN'de saklanmasını sağlar.

Çözüm:

• Browser cache: HTTP Cache-Control başlıklarıyla CSS, JS ve görüntüler için uzun süre önbellek süresi belirleyin
• Server-side cache: Dinamik PHP sayfalarını statik HTML olarak önbelleğe alın
• CDN kullanımı: Cloudflare (ücretsiz plan) bile ciddi performans artışı sağlar

Sebep 6: Ağır Web Fontları

Google Fonts veya benzeri kaynaklardan 5–6 farklı font yüklemek sayfayı önemli ölçüde yavaşlatır. Font FOUT (Flash of Unstyled Text) da kötü kullanıcı deneyimi yaratır.

Çözüm:

• Maksimum 2 font ailesi kullanın
• Fontları self-host edin (Google Fonts yerine kendi sunucunuzda barındırın)
• font-display: swap kullanın — font yüklenene kadar sistem fontu gösterilsin
• Yalnızca kullandığınız font ağırlıklarını yükleyin (Regular, Bold yeterliyse Thin, ExtraLight yüklemeyin)

Sebep 7: Veritabanı Sorgu Optimizasyonu Eksikliği

Dinamik web siteleri (PHP + MySQL) her sayfa görüntülemede veritabanına sorgular yapıyor. Yavaş veya çok sayıda sorgu, sayfa oluşturma süresini uzatıyor.

Çözüm:

• N+1 sorgu problemini çözün — liste sayfalarında her kayıt için ayrı sorgu yerine tek JOIN sorgusu
• Doğru indeksler ekleyin — WHERE koşulundaki alanlara index
• Sorgu sonuçlarını önbelleğe alın (Redis veya uygulama seviyesinde)
• Gereksiz SELECT * yerine sadece ihtiyaç duyulan alanları seçin

Sebep 8: WordPress Eklenti Yükü

WordPress kullanıyorsanız ve 20+ eklenti aktifse, her eklenti sayfa başına ek CSS, JS ve PHP yükü getiriyor. Bazı eklentiler tek başına 200–400 KB ekliyor.

Çözüm:

• Aktif eklenti listesini gözden geçirin — kullanılmayan eklentileri kaldırın
• Ağır eklentilerin alternatiflerini araştırın (örn. sayfa oluşturucu eklentileri yerine native Gutenberg)
• Eklenti bazlı özelliği PHP ile native geliştirmeyi değerlendirin
• Eklenti kalitesini değerlendirin: aktif kurulum sayısı, güncel mi, destek aktif mi?

Sebep 9: SSL/TLS Yapılandırma Sorunları

HTTPS zorunlu olmakla birlikte, yanlış yapılandırılmış TLS gecikme ekleyebilir. HTTP'den HTTPS'e, www'lu ve www'suz URL'ler arasındaki gereksiz yönlendirmeler zinciri de ekstra süre alıyor.

Çözüm:

• TLS 1.3 kullanın — TLS 1.2'ye göre el sıkışma daha hızlı
• OCSP Stapling aktif edin
• HTTP'den HTTPS'e tek bir yönlendirme olsun — zincir yönlendirmelerden kaçının
• HSTS (HTTP Strict Transport Security) header ekleyin

Sebep 10: Core Web Vitals İhlalleri

Google'ın LCP (Largest Contentful Paint), INP (Interaction to Next Paint) ve CLS (Cumulative Layout Shift) metrikleri, sıralama için ölçülüyor.

• LCP — 2.5 saniye altında olmalı. Genellikle hero görüntüsü veya başlık alanı. Görüntü preload ve optimize ile düzeltilir.
• INP — 200ms altında. JavaScript yürütme süresini kısaltmak, uzun görevleri parçalamak.
• CLS — 0.1 altında. Görüntülere boyut attribute eklemek, font swap sırasında layout kaymasını önlemek.

Google PageSpeed Insights ve Search Console Core Web Vitals raporu, hangi metriklerin sorunlu olduğunu gösterir.

Hızı Test Etme: Araçlar

Sitenizin gerçek hızını ölçmek için ücretsiz araçlar:

• PageSpeed Insights — Google'ın resmi aracı; hem lab hem alan verisi gösterir
• GTmetrix — Waterfall görünümü ile hangi kaynak ne kadar sürüyor analiz edilir
• WebPageTest — Farklı lokasyondan test, filmstrip görünümü
• Chrome DevTools Performance — Detaylı profil analizi