Web Sitesi Hızı Neden Önemli? Performans Rehberi
Bir kullanıcı web sitenizi açtığında 3 saniye içinde yüklenmezse, %53'ü siteyi terk eder. Bu sadece bir istatistik değil — kaybedilen her ziyaretçi, potansiyel bir müşteridir. Web sitesi hızı 2026'da artık bir lüks değil, zorunluluk.
Hız Neden Bu Kadar Kritik?
1. Google Sıralaması
Google, 2021'den beri Core Web Vitals metriklerini sıralama faktörü olarak kullanıyor. Yavaş siteler Google'da alt sıralara düşer.
Üç kritik metrik:
- LCP (Largest Contentful Paint) — Ana içerik ne kadar sürede yükleniyor? Hedef: 2.5 sn altı
- FID (First Input Delay) — Kullanıcı etkileşime ne kadar sürede geçebiliyor? Hedef: 100ms altı
- CLS (Cumulative Layout Shift) — Sayfa yüklenirken içerik kayıyor mu? Hedef: 0.1 altı
2. Dönüşüm Oranı
Hız ve dönüşüm arasında doğrudan ilişki var:
- 1 sn gecikme = %7 dönüşüm kaybı
- Amazon: 100ms yavaşlama = %1 gelir kaybı
- Walmart: 1 sn iyileştirme = %2 dönüşüm artışı
3. Kullanıcı Deneyimi
- Yavaş site = "Bu site düzgün çalışmıyor" algısı
- Hızlı site = "Bu marka profesyonel" algısı
- Mobil kullanıcılar özellikle sabırsız
4. Bounce Rate
| Yükleme Süresi | Bounce Rate Artışı | |----------------|-------------------| | 1-3 sn | %32 | | 1-5 sn | %90 | | 1-6 sn | %106 | | 1-10 sn | %123 |
Web Sitesini Yavaşlatan Faktörler
Yaygın Sorunlar
- Büyük görseller — Optimize edilmemiş PNG/JPEG dosyaları
- Çok fazla HTTP isteği — Fazla script, font, eklenti
- Minify edilmemiş kod — CSS/JS dosyaları sıkıştırılmamış
- Yavaş hosting — Ucuz paylaşımlı sunucular
- Render-blocking kaynaklar — Sayfanın yüklenmesini engelleyen dosyalar
- Veritabanı sorguları — Optimize edilmemiş sorgular
- CDN kullanılmaması — Tüm dosyalar tek sunucudan
Hızlandırma Yöntemleri
1. Görsel Optimizasyonu
- WebP formatı kullanın (JPEG'den %30 küçük)
- Lazy loading uygulayın
- Responsive görseller kullanın (srcset)
- Uygun boyutta görseller yükleyin
2. Kod Optimizasyonu
- CSS ve JavaScript'i minify edin
- Kullanılmayan kodu kaldırın (tree shaking)
- Code splitting uygulayın
- Critical CSS inline yapın
3. Caching
- Browser caching ayarlayın
- CDN kullanın (Cloudflare, Vercel Edge)
- Service Worker ile önbellek yönetimi
4. Sunucu Optimizasyonu
- HTTP/2 veya HTTP/3 kullanın
- Gzip/Brotli sıkıştırma
- Hızlı DNS sağlayıcı
- Edge computing (Vercel, Cloudflare Workers)
5. Framework Seçimi
- Next.js — Otomatik optimizasyonlar (code splitting, image optimization)
- Statik site oluşturma — HTML önceden oluşturulur
- ISR — Statik sayfalar belirli aralıklarla güncellenir
Hız Ölçüm Araçları
- Google PageSpeed Insights — Ücretsiz, detaylı analiz
- GTmetrix — Waterfall analizi
- Lighthouse — Chrome DevTools içinde
- WebPageTest — Farklı lokasyonlardan test
Hedef Metrikler
| Metrik | Kötü | İyi | Mükemmel | |--------|------|-----|----------| | LCP | 4+ sn | 2.5 sn | 1.5 sn | | FID | 300+ ms | 100 ms | 50 ms | | CLS | 0.25+ | 0.1 | 0.05 | | Lighthouse | 50 altı | 80+ | 95+ |
Sonuç
Web sitesi hızı, SEO sıralamanızı, dönüşüm oranınızı ve marka algınızı doğrudan etkiler. Profesyonel bir web sitesi, Lighthouse'da 90+ skor almalıdır. Hız bir özellik değil, temel bir kalite standardıdır.
Hızlı, performanslı ve SEO uyumlu bir web sitesi yaptırmak isterseniz benimle iletişime geçin: info@cagribilgehan.com. Projelerime göz atın: cagribilgehan.com