Site hızı; SEO’dan dönüşüme, kullanıcı memnuniyetinden reklam gelirine kadar her metriği doğrudan etkiler. 100ms’lik bir hızlanma bile dönüşüm oranını %1-2 artırabilir. Bu 25 madde ile 1 hafta içinde sitenizin yüklenme süresini yarıya indirebilirsiniz. Her madde altında hangi araçla ölçeceğinizi ve ortalama etki miktarını bulacaksınız.
Görsel Optimizasyonu
- WebP veya AVIF formatı (JPG’den %30-50 küçük).
- Responsive srcset ile boyuta uygun görsel.
- Lazy load (hero hariç).
- Hero görseli preload + fetchpriority="high".
- width/height attribute her görselde.
- Görsel CDN (Cloudflare Images, Bunny CDN).
CSS ve JavaScript
- Kritik CSS inline (~14KB).
- Kullanılmayan CSS temizle (PurgeCSS, Tailwind JIT).
- JS defer / async.
- Bundle küçültme (esbuild, Vite).
- Code splitting.
- Tree shaking.
Cache Katmanları
- Browser cache header (max-age).
- Edge cache (Cloudflare Cache Rules).
- Object cache (Redis).
- Full page cache (WP Rocket, Varnish).
- OPCache (PHP).
Sunucu Optimizasyonu
- PHP 8.3 + JIT + OPCache.
- HTTP/3 (QUIC) etkin.
- Brotli sıkıştırma.
- Nginx tuning (worker, keepalive).
- Database query optimizasyonu (index, N+1).
Font ve 3rd Party
- Font display: swap.
- 3rd party script minimalize (analytics, chat widget).
- Preconnect / dns-prefetch stratejik.
Ölçüm Araçları
- PageSpeed Insights.
- WebPageTest (filmstrip + waterfall).
- Chrome DevTools Performance.
- Lighthouse CI.
- SpeedCurve, Vercel Speed Insights (RUM).
- Cloudflare Web Analytics.
Framework Bazlı İpuçları
- WordPress: WP Rocket + WebP Express + Cloudflare APO.
- Laravel: route:cache, view:cache, config:cache, Octane.
- Next.js: Image component, Server Components, ISR.
- Astro: zaten hızlı; islands mimarisi.
Öncelik Sırası (Pareto)
- Cloudflare + Cache Everything.
- Hero görseli WebP + preload.
- Font display: swap.
- 3rd party script defer.
- Kritik CSS inline.
Bu 5 madde tek başına LCP’yi 3s’den 1.5s’ye düşürebilir.
Gerçek Örnek: Blog Optimizasyonu
Bir Laravel blog için başlangıç: PageSpeed mobil 34, LCP 4.1s. Yapılanlar:
- Cloudflare + Cache Everything (HTML).
- Görseller WebP + srcset.
- Kritik CSS inline.
- Google Fonts local host + swap.
- view:cache + config:cache.
- 3rd party analytics defer.
Sonuç: PageSpeed 96, LCP 1.4s, INP 130ms, CLS 0.02. Süre: 6 saat.
Sık Yapılan Hatalar
- Hero görseli lazy load.
- Font’u CDN’den çekip preconnect eklememek.
- Otomatik optimize eklenti + manuel optimize çakışması.
- Kritik CSS’i çok büyük tutmak.
- Cache purge unutmak.
Sıkça Sorulan Sorular
Cloudflare kullanmadan hızlanabilir miyim?
Evet ama zorluk 3-4 kat artar. Cloudflare 30 dakikada en yüksek getirili adım.
Hızın SEO’ya gerçek etkisi?
Doğrudan sıralama sinyali değil ama dolaylı: kullanıcı sinyalleri, CWV bandı.
Sonuç
Bu 25 madde, PageSpeed skorunuzu 40’tan 90+’a çıkarır ve LCP’yi yarıya düşürür. Sonuç: hem SEO hem dönüşümde %10-30 aralığında ciddi artış.