0%

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

Web siteniz yavaş mı? Sayfa yükleme sorunlarının 20 nedeni ve çözümü. Google PageSpeed skoru nasıl artırılır? Performans optimizasyonu rehberi.

📅
👤Kaan Yıldız
⏱️9 dakikada okunur
web sitesi hızıperformans optimizasyonuSEOpagespeed
Web Sitesi Neden Yavaş? 2025 Hız Sorunları ve Çözümleri - Blog yazısı öne çıkan görseli

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.

Hız Optimizasyonu: Web sitenizin yavaşlığı müşteri kaybetmenize mi neden oluyor? Web Sitesi Hızlandırma ve Performans çözümlerimizle tanışın.


📊 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:

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


İlgili Yazılar:

Projenizi Hayata Geçirelim mi?

Bu yazıda bahsettiğimiz teknolojilerle işletmenizi büyütmek istiyorsanız, uzman ekibimizle tanışın ve ücretsiz danışmanlık alın.

K
Kaan Yıldız
CodeBros - Profesyonel Yazılım Geliştirme Şirketi
Paylaş:
WhatsApp
WhatsApp