Web sitesi hızı artık SEO'nun en kritik faktörlerinden biri. Google'ın Core Web Vitals metrikleri 2021'den itibaren resmi sıralama sinyali ve 2026'da PageSpeed 90+ skor olmayan siteler ilk sayfaya çıkma şansını önemli ölçüde kaybetti. 1 saniye gecikme = %7 daha az dönüşüm (Amazon verisi).
Core Web Vitals: 3 Kritik Metrik
LCP - Largest Contentful Paint
Sayfanın en büyük görsel elementinin (genelde hero görseli veya başlık) yüklenme süresi. Hedef: 2.5 saniye altı. 4 saniyeden büyükse “Zayıf” olarak işaretlenir. Genelde ana görselin boyutu, server response time veya render-blocking CSS'ten kaynaklanır.
CLS - Cumulative Layout Shift
Sayfa yüklenirken elementlerin ne kadar oynadığını ölçer. Hedef: 0.1 altı. Yüksek CLS, reklam alanları veya gelişmiş içeriklerin sonradan yüklenip metin oynatmasından kaynaklanır; kullanıcı yanlış butona tıklamaya neden olur.
INP - Interaction to Next Paint
2024'te FID'nin yerine geçen metrik. Kullanıcı tıklandığı anda site ne kadar hızlı tepki veriyor? Hedef: 200ms altı. Yüksek INP ağır JavaScript, render-blocking script'ler veya verimsiz event listener'lardan kaynaklanır.
Hız Optimizasyonu Adım Adım
1. Görsel Optimizasyonu (En Büyük Kazanç)
Web sitenizdeki dosya boyutunun %60-80'i görsellerdir. Öneriler: JPG yerine WebP veya AVIF formatı (%30-50 daha küçük), maksimum genişlik 1920px, lazy loading (görmediği görselleri sonradan yüklesin), CDN üzerinden servis. TinyPNG, Squoosh.app gibi araclar manuel sıkıştırma için ideal.
2. Lazy Loading ve Code Splitting
Lazy loading: Görseller ve video'lar ekrana gelene kadar yükleme. HTML'de `loading="lazy"` attık yeterli. Code splitting: JavaScript bundle'ınızı sayfa bazlı parçalara bölme. Next.js ve modern frameworkler bunu otomatik yapar.
3. CDN (Content Delivery Network) Kullanımı
CDN, sitenizin statik dosyalarını (görsel, CSS, JS) dünyanın farklı noktalarındaki sunucularda önbelleğe alarak kullanıcının en yakın sunucudan hızlı servis alır. Cloudflare (ücretsiz tier var), Bunny CDN ($1/ay), Fastly popüler seçeneklerdir.
4. Kritik CSS Inlining ve Font Optimizasyonu
Kritik CSS: İlk görünen alan için gerekli CSS'i HTML içine inline yazıp geri kalanını asenkron yükle. Font: `font-display: swap` ile font yüklenirken default font göstererek FOIT (Flash of Invisible Text) sorununu çöz. Google Fonts yerine self-hosted font tercih edin.
5. Sunucu ve Hosting
Ucuz shared hosting Yüksek TTFB (Time to First Byte) verir. Server response 200ms'nin altında olmalı. VPS, dedicated server veya Vercel/Netlify gibi edge platformlar tercih edilmeli. PHP/MySQL siteler için OPcache, Redis cache aktif olmalı.
Hızlı Kontrol Listesi: Google PageSpeed Insights'a sitenizi girin. Mobile sekmesinde 90+ almıyorsanız: 1) En büyük görseli sıkıştırın, 2) Render-blocking CSS'i bulun, 3) Lazy loading ekleyin. Bu 3 adım ortalama 20-30 skor kazandırır.
Yaygın Hatalar
- Optimize edilmemiş hero görseli (5-10MB JPG yükleme)
- tüm Bootstrap/jQuery kütüphanesini sayfaya ekleyip sadece %5'ini kullanma
- Google Fonts'tan 8-10 farklı font ailesi yükleme
- External widget'ların (canlı destek, chat, popup) render-blocking olması
- Web sitenizi serve eden sunucunun Türkiye dışında olması (yurt içi hedef için)
Sıkça Sorulan Sorular
PageSpeed skoru kaç olmalı?
Mobil sekmesinde 90+ ideal. 50-89 “iyileştirilebilir” sayılır. 50 altı SEO'yu ciddi etkiler. Sadece skor değil, alt metrikler (LCP, CLS, INP) yeşil olmalı.
Hızlı site SEO'yu nasıl etkiler?
Core Web Vitals 2021'den beri resmi sıralama sinyali. Yavaş site ortalama 5-10 sıra geride durur. Ayrıca yavaş sitede bounce rate %50+ yüksek olur ve bu da SEO'yu ikincil olarak etkiler.
Sitemi hızlandırmak ne kadar sürer?
Temel optimizasyon (görsel sıkıştırma, lazy loading, CDN) 2-3 gün. Tam optimizasyon (server, kritik CSS, JS refactor) 1-2 hafta. Sonuçta 3 katına kadar hızlanma mümkün.