Web Sitesi Neden Yavaş? 2025 Hız Sorunları ve Çözümleri

Web siteniz yavaş yükleniyor mu? Her 1 saniyelik gecikme, dönüşüm oranını %7 düşürür! Yavaş bir site sadece kullanıcı deneyimini bozmuyor, aynı zamanda Google sıralamanızı da olumsuz etkiliyor.

Bu kapsamlı rehberde, web sitesi yavaşlığının 20 nedenini, test araçlarını ve adım adım çözüm yöntemlerini bulacaksınız.

---

📊 Yavaş Site İstatistikleri (2025)

Kullanıcı Davranışı:

• 3+ saniye yükleme → %53 kullanıcı ayrılır
• 1 saniye gecikme → %11 sayfa görüntülemesi azalır
• 0.1 saniye iyileştirme → %1 dönüşüm artışı

Google Sıralama:

• Sayfa hızı 2018'den beri sıralama faktörü
• Core Web Vitals 2021'den beri kritik
• Mobil hız daha önemli (Mobile-first indexing)

E-Ticaret Etkisi:

• Amazon: 100ms yavaşlık = %1 gelir kaybı
• 1 saniye gecikme = Yılda 1.6 milyar $ kayıp (Amazon verileri)

---

⏱️ Web Siteniz Ne Kadar Yavaş?

Hız Standartları (2025):

Süre	Değerlendirme	Kullanıcı Tepkisi
0-1 saniye	🟢 Mükemmel	Anlık, harika
1-2 saniye	🟢 İyi	Hızlı, kabul edilebilir
2-3 saniye	🟡 Orta	Yavaş, sıkıcı
3-5 saniye	🟠 Kötü	Çok yavaş, terk riski yüksek
5+ saniye	🔴 Çok Kötü	Kullanıcılar terk ediyor

Google Core Web Vitals:

1. LCP (Largest Contentful Paint):

• İyi: 2.5 saniye altı
• Orta: 2.5-4 saniye
• Kötü: 4+ saniye

2. FID (First Input Delay):

• İyi: 100ms altı
• Orta: 100-300ms
• Kötü: 300ms+

3. CLS (Cumulative Layout Shift):

• İyi: 0.1 altı
• Orta: 0.1-0.25
• Kötü: 0.25+

---

🧪 Web Sitesi Hız Testi Araçları

1. Google PageSpeed Insights

🔗 pagespeed.web.dev

Avantajları:

• Google'ın resmi aracı
• Mobil + Desktop test
• Core Web Vitals skoru
• Detaylı öneriler

Nasıl Kullanılır:

1. URL'nizi girin
2. "Analyze" tıklayın
3. 30-60 saniye bekleyin
4. Skoru inceleyin (0-100)

Hedef Skorlar:

• 90-100: Mükemmel 🟢
• 50-89: Orta 🟡
• 0-49: Kötü 🔴

---

2. GTmetrix

🔗 gtmetrix.com

Avantajları:

• Waterfall grafik (hangi dosya ne kadar sürdü)
• Video kayıt (sayfa yükleme anı)
• Farklı lokasyonlardan test
• Tarihsel veri

---

3. Pingdom

🔗 tools.pingdom.com

Avantajları:

• Basit, anlaşılır rapor
• Performans notu (A-F)
• İstek sayısı analizi

---

4. WebPageTest

🔗 webpagetest.org

Avantajları:

• En detaylı analiz
• Gerçek cihaz testleri
• 3G/4G simülasyonu
• Film strip görünümü

---

🐢 Web Sitesi Neden Yavaş? 20 Neden ve Çözüm

1. ❌ Büyük Görseller

Sorun:

• 5MB fotoğraf yükleme
• Optimize edilmemiş formatlar (PNG, BMP)
• Yüksek çözünürlüklü görseller (4K)

İstatistik:

• Ortalama web sayfasının %50'si görseller
• 1MB görsel → 3-5 saniye yükleme (yavaş internet)

Çözüm:

✅ WebP formatı kullanın (%30 daha küçük)
✅ Sıkıştırma: TinyPNG, ImageOptim
✅ Lazy loading (scroll ettikte yüklensin)
✅ Responsive images (mobilde küçük versiyon)

Araçlar:

• TinyPNG (online)
• ImageOptim (Mac)
• Squoosh (Google)

Örnek:

<!-- Yanlış -->
<img src="photo.jpg" alt="Fotoğraf">

<!-- Doğru -->
<img 
  src="photo-800w.webp" 
  srcset="photo-400w.webp 400w, photo-800w.webp 800w"
  alt="Fotoğraf"
  loading="lazy"
>

---

2. ❌ Çok Fazla HTTP İsteği

Sorun:

• 100+ dosya yükleme (CSS, JS, fonts, images)
• Her istek → Zaman kaybı

Çözüm:

✅ CSS/JS dosyalarını birleştirin (bundle)
✅ Sprite sheet (küçük ikonları tek dosyada)
✅ Icon font yerine SVG sprite
✅ Gereksiz pluginleri kaldırın

Hedef:

• İdeal: 30-50 istek
• Max: 100 istek

---

3. ❌ Yavaş Hosting/Sunucu

Sorun:

• Paylaşımlı hosting (100 site aynı sunucuda)
• Düşük bant genişliği
• Uzak sunucu (ABD sunucusu, Türkiye kullanıcıları)

Çözüm:

✅ VPS/Cloud hosting kullanın
✅ SSD disk (HDD'den 10× hızlı)
✅ Yerel sunucu (Türkiye için TR sunucu)
✅ Server response time < 200ms

Hosting Karşılaştırması:

Hosting Tipi	Response Time	Aylık Maliyet
Paylaşımlı	800-2000ms	50₺ - 200₺
VPS	200-500ms	500₺ - 2.000₺
Cloud (AWS)	50-200ms	1.000₺ - 5.000₺

---

4. ❌ Cache Kullanmıyor

Sorun:

• Her ziyarette tüm dosyalar yeniden yükleniyor
• Server her seferinde aynı işi yapıyor

Çözüm:

Browser Cache (Tarayıcı):

# .htaccess dosyasına ekleyin
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

WordPress Cache:

• WP Super Cache (ÜCRETSİZ)
• WP Rocket (ÜCRETLI, 49$/yıl)
• W3 Total Cache

---

5. ❌ Optimize Edilmemiş Veritabanı

Sorun (WordPress):

• Yıllardır temizlenmemiş veritabanı
• Revizyon sayısı 1000+
• Spam yorumlar
• Transient kayıtlar

Çözüm:

-- Veritabanı optimizasyonu
OPTIMIZE TABLE wp_posts;
OPTIMIZE TABLE wp_comments;
OPTIMIZE TABLE wp_options;

-- WordPress pluginleri:
- WP-Optimize (otomatik temizlik)
- Advanced Database Cleaner

Etki:

• Veritabanı boyutu: 500MB → 50MB
• Sorgu hızı: %200 artış

---

6. ❌ Sıkıştırma (Compression) Yok

Sorun:

• HTML, CSS, JS dosyaları sıkıştırılmamış
• 500KB JavaScript → 5 saniye yükleme

Çözüm: GZIP/Brotli Compression

# .htaccess
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/json
</IfModule>

Etki:

• HTML: %60-80 küçülme
• CSS: %50-70 küçülme
• JS: %40-60 küçülme

Test: 🔗 giftofspeed.com/gzip-test/

---

7. ❌ Render-Blocking Resources

Sorun:

• CSS/JS dosyaları sayfayı blokluyor
• Tarayıcı: "Bu dosyayı yükleyene kadar hiçbir şey gösterme"

Çözüm:

CSS:

<!-- Critical CSS inline ekleyin -->
<style>
  /* Anasayfa için kritik CSS */
  body { font-family: Arial; }
  .hero { background: blue; }
</style>

<!-- Geri kalan CSS asenkron yükleyin -->
<link rel="preload" href="styles.css" as="style" onload="this.rel='stylesheet'">

JavaScript:

<!-- defer kullanın -->
<script src="script.js" defer></script>

<!-- veya async -->
<script src="analytics.js" async></script>

---

8. ❌ Çok Fazla Plugin (WordPress)

Sorun:

• 50+ plugin yüklü
• Her plugin → Ek CSS, JS, veritabanı sorgusu

Çözüm:

✅ Kullanmadığınız pluginleri silin
✅ Benzer işlevi birleştirin (tek plugin)
✅ Hafif alternatifler bulun

Kötü Örnekler:

• ❌ Slider Revolution (ağır)
• ✅ Swiper.js (hafif alternatif)

Hedef:

• Max: 15-20 plugin

---

9. ❌ Tema Fazla Şişkin

Sorun:

• "Her şey dahil" temalar (Avada, Divi)
• 3MB CSS, 2MB JavaScript
• Kullanmadığınız özellikler yükleniyor

Çözüm:

✅ Lightweight tema (GeneratePress, Astra)
✅ Custom tema (CodeBros)
✅ Gereksiz özellikleri kapat

---

10. ❌ CDN (Content Delivery Network) Yok

Sorun:

• Sunucu İstanbul'da → New York'tan yavaş
• Fiziksel mesafe → Gecikme

Çözüm: CDN Kullanın

Nasıl Çalışır:

Kullanıcı (İzmir) → CDN (İzmir server) → Hızlı!
Kullanıcı (İstanbul) → CDN (İstanbul server) → Hızlı!
Kullanıcı (Almanya) → CDN (Frankfurt server) → Hızlı!

Popüler CDN'ler:

• Cloudflare (ÜCRETSİZ)
• AWS CloudFront
• BunnyCDN (ucuz)
• KeyCDN

Etki:

• %40-60 hız artışı (uluslararası kullanıcılar için)

---

11. ❌ Video Otomatik Oynatılıyor

Sorun:

• Anasayfada 50MB video autoplay
• Mobil veri tüketiyor

Çözüm:

✅ YouTube/Vimeo embed kullanın (lazy load)
✅ Poster image gösterin (thumbnail)
✅ Autoplay kapatın
✅ Mobilde video devre dışı

---

12. ❌ External Script'ler

Sorun:

• Google Analytics
• Facebook Pixel
• 10 farklı tracking kodu
• Her script → 200-500ms gecikme

Çözüm:

✅ Google Tag Manager kullanın (tek script)
✅ Async yükleme
✅ Gereksiz script'leri kaldırın

---

13. ❌ Font Dosyaları Ağır

Sorun:

• 10 font varyasyonu (Light, Regular, Bold, Black...)
• Her font → 100-300KB

Çözüm:

✅ Max 2-3 font weight kullanın
✅ Google Fonts → &display=swap
✅ WOFF2 formatı (en küçük)
✅ Subset kullanın (Latin karakterler)

Örnek:

<!-- Yanlış: Tüm font'lar -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900">

<!-- Doğru: Sadece gerekli olanlar -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">

---

14. ❌ Mobile Optimizasyon Yok

Sorun:

• Desktop versiyonu mobile'da açılıyor
• Büyük görseller mobilde

Çözüm:

✅ Responsive design
✅ Mobil-first yaklaşım
✅ Touchscreen için optimize butonlar
✅ AMP (Accelerated Mobile Pages)

---

15. ❌ 3rd Party Widget'lar

Sorun:

• Facebook sosyal eklenti
• Twitter feed
• Instagram widget
• Live chat (Tawk.to, Intercom)

Çözüm:

✅ Lazy load (scroll'da yükle)
✅ Placeholder göster
✅ Gerçekten gerekli mi düşünün

---

16. ❌ Redirect Zinciri

Sorun:

site.com → www.site.com → site.com/homepage → site.com/tr

Her redirect → 200-500ms kayıp

Çözüm:

✅ Direkt hedef URL'ye yönlendirin
✅ Max 1 redirect

---

17. ❌ HTTPS Değil

Sorun:

• HTTP → Güvensiz
• HTTP/2 kullanamıyor (yavaş)

Çözüm:

✅ SSL sertifikası alın (Let's Encrypt ücretsiz)
✅ HTTP/2 etkinleştirin
✅ TLS 1.3 kullanın

---

18. ❌ Server-Side Rendering Yok (React)

Sorun:

• Client-side rendering → İlk yükleme yavaş
• JavaScript inene kadar boş ekran

Çözüm:

✅ Next.js kullanın (SSR)
✅ Static Site Generation
✅ Pre-rendering

---

19. ❌ DNS Lookup Yavaş

Sorun:

• DNS çözümleme 200-500ms

Çözüm:

✅ Hızlı DNS sağlayıcı (Cloudflare DNS)
✅ DNS prefetch

<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//www.google-analytics.com">

---

20. ❌ Eski Teknoloji

Sorun:

• PHP 5.6 (2025'te!)
• MySQL 5.5
• HTTP/1.1

Çözüm:

✅ PHP 8.2+ (3× daha hızlı)
✅ MySQL 8.0+
✅ HTTP/2 veya HTTP/3
✅ Nginx (Apache'den hızlı)

---

🚀 CodeBros Hızlandırma Süreci

1. Analiz (1 gün)

• PageSpeed, GTmetrix testleri
• Darboğaz tespiti
• Detaylı rapor

2. Hızlı Kazançlar (1-2 gün)

• Görsel optimizasyonu
• Cache aktifleştirme
• GZIP sıkıştırma
• Etki: %30-50 hız artışı

3. Orta Seviye (3-5 gün)

• CDN kurulumu
• Veritabanı optimizasyonu
• CSS/JS minify
• Etki: %50-70 hız artışı

4. Gelişmiş (5-10 gün)

• Lazy loading
• Critical CSS
• Code splitting
• Etki: %70-90 hız artışı

5. Test ve İzleme (2 gün)

• A/B testleri
• Monitoring kurulumu
• Hedef: 90+ PageSpeed skoru

---

💰 Hızlandırma Paket Fiyatları

🎯 Basic Paket - 3.000₺

İçerik:

• Görsel optimizasyonu
• Cache aktifleştirme
• GZIP sıkıştırma
• Temel rapor

Hedef:

• 50-70 PageSpeed skoru

Süre: 2-3 gün

---

💼 Pro Paket - 7.500₺

İçerik:

• Basic +
• CDN kurulumu (Cloudflare)
• Veritabanı optimizasyonu
• CSS/JS minification
• Lazy loading
• Detaylı rapor

Hedef:

• 70-85 PageSpeed skoru

Süre: 5-7 gün

---

🚀 Enterprise Paket - 15.000₺

İçerik:

• Pro +
• Critical CSS
• Code splitting
• HTTP/2 push
• Advanced caching
• 3 ay izleme

Hedef:

• 85-95 PageSpeed skoru

Süre: 10-15 gün

Garanti: 85+ skor yoksa para iadesi!

---

📈 Gerçek Vaka Çalışmaları

Vaka 1: E-Ticaret Sitesi

Öncesi:

• PageSpeed: 32/100
• Yükleme: 7.8 saniye
• Dönüşüm: %1.2

Sorunlar:

• 5MB ürün görselleri
• 42 plugin
• Yavaş hosting

Çözüm (Pro Paket):

• WebP + lazy loading
• 15 plugin kaldırıldı
• CDN eklendi
• VPS'e taşındı

Sonuç:

• PageSpeed: 78/100 (+146%)
• Yükleme: 2.1 saniye (-73%)
• Dönüşüm: %2.4 (+100%)
• ROI: İlk ay 25.000₺ ek gelir!

---

Vaka 2: Kurumsal Blog

Öncesi:

• PageSpeed: 45/100
• Yükleme: 5.2 saniye

Sorunlar:

• Optimize edilmemiş görseller
• Cache yok
• Ağır tema (Avada)

Çözüm (Basic Paket):

• Tüm görseller WebP
• WP Rocket cache
• Gereksiz plugin'ler silindi

Sonuç:

• PageSpeed: 82/100
• Yükleme: 1.4 saniye
• Maliyet: 3.000₺

---

✅ Hızlandırma Checklist

⚡ 5 Dakikalık Hızlı Kazançlar:

• Görsel sıkıştırma (TinyPNG)
• Cache plugin aktif (WP Super Cache)
• Gereksiz pluginleri sil

🚀 1 Günlük İyileştirmeler:

• GZIP sıkıştırma aktif
• Browser caching ayarla
• CDN ekle (Cloudflare ücretsiz)
• Veritabanı temizliği

💎 1 Haftalık Gelişmiş:

• Lazy loading
• CSS/JS minify
• Critical CSS
• WebP formatına geç
• HTTP/2 aktif

---

❓ Sık Sorulan Sorular

Neden mobilde daha yavaş?

Mobil internet daha yavaş (3G/4G), cihaz gücü düşük. Mobile-first optimize edin.

PageSpeed skoru kaç olmalı?

Minimum 70, ideal 85+. 90+ mükemmel.

Cloudflare yeterli mi?

Cloudflare ücretsiz CDN çok iyi başlangıç. Pro paket (+20$/ay) daha hızlı.

Ne kadar sürede hızlanır?

Basic optimizasyon 2-3 gün. Gelişmiş iyileştirmeler 1-2 hafta.

Hosting değiştirmeli miyim?

50₺/ay hosting kullanıyorsanız, evet. Min. VPS (500₺/ay) kullanın.

WordPress mu React mı daha hızlı?

Next.js (React) %30-50 daha hızlı. Ama WordPress da optimize edilirse yeterli.

---

🎯 Hemen Başlayın!

Ücretsiz Hız Analizi İsteyin:

1. Sitenizin URL'ini gönderin
2. 24 saat içinde detaylı rapor
3. Özel fiyat teklifi

📞 İletişim:

• Telefon: +90 554 192 74 75
• Email: codebros.dev58@gmail.com
• Web: codebrostech.com

Özel Kampanya: Ocak ayında %20 indirim!

---

İlgili Yazılar:

• Web Sitesi Kaç Günde Biter
• React mı WordPress mi
• Google'da İlk Sırada Çıkmak