Neden Web Sitesi Hızı Bu Kadar Önemli?
SEO Sıralaması Üzerindeki Etkisi
Google, 2021'den bu yana sayfa deneyimini resmi bir sıralama faktörü olarak kullanıyor. Bu faktörün merkezinde Core Web Vitals metrikleri yer alıyor. Yavaş yüklenen bir site, içerik kalitesi ne kadar yüksek olursa olsun rakiplerine karşı arama sonuçlarında dezavantajlı konuma düşer. Teknik SEO rehberimizde bu konuyu derinlemesine ele aldık.
Dönüşüm Oranına Doğrudan Etkisi
Amazon'un yaptığı ölçüme göre, sayfa yükleme süresindeki her 100 milisaniyelik gecikme satışları yüzde 1 düşürüyor. Walmart ise sayfa hızını 1 saniye iyileştirdiğinde dönüşüm oranının yüzde 2 arttığını raporlamıştı. Rakamlar büyük ölçekli şirketler için hesaplanmış olsa da küçük ve orta ölçekli işletmeler için orantısal etkisi aynıdır.
Kullanıcı Deneyimi ve Marka Algısı
Yavaş bir site, kullanıcıda olumsuz bir ilk izlenim yaratır ve markaya duyulan güveni zayıflatır. Araştırmalar, kullanıcıların yüzde 79'unun performansından memnun olmadıkları bir site üzerinden tekrar alışveriş yapmayacağını gösteriyor. UI/UX tasarım rehberimizde kullanıcı deneyiminin dönüşüme etkisini daha ayrıntılı inceledik.
Core Web Vitals Nedir?
Core Web Vitals, Google'ın sayfa deneyimini ölçmek için belirlediği üç temel performans metriğidir. Bu metriklerin her biri, kullanıcı deneyiminin farklı bir boyutunu ölçer.
| Metrik | Ölçtüğü Şey | İyi Skor | İyileştirme Yöntemi |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Sayfanın ana içeriğinin yüklenme süresi | 2,5 saniye veya altı | Sunucu hızı, görsel optimizasyonu, önbellekleme |
| INP (Interaction to Next Paint) | Kullanıcı etkileşimine tepki süresi | 200 ms veya altı | JavaScript optimizasyonu, uzun görevlerin bölünmesi |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken meydana gelen görsel kaymalar | 0,1 veya altı | Görsel boyutlarının önceden tanımlanması, web font optimizasyonu |
Görsel Optimizasyonu
Ortalama bir web sayfasının toplam dosya boyutunun yüzde 50 ila 75'ini görseller oluşturur. Görsel optimizasyonu genellikle en hızlı ve en yüksek etkiyi yaratan performans iyileştirmesidir.
Doğru Dosya Formatını Seçin
WebP formatı, aynı görsel kalitesinde JPEG ve PNG'ye kıyasla yüzde 25 ila 35 daha küçük dosya boyutu sunar. AVIF ise WebP'den de ileri giderek daha yüksek sıkıştırma oranları sağlar. 2026 itibarıyla tüm modern tarayıcılar her iki formatı da desteklemektedir. Eski tarayıcılara uyumluluk için `
Görselleri Boyutlandırın
Sayfada 400 piksel genişliğinde görüntülenecek bir görseli 2000 piksel genişliğinde yüklemek; tarayıcının o görseli küçültmesini gerektirmez, ancak gereksiz veri aktarımına yol açar. Her görsel, görüntülendiği en büyük boyuta uygun şekilde dışa aktarılmalıdır. Responsive görseller için `srcset` ve `sizes` özelliklerini kullanın.
Lazy Loading Uygulayın
Ekranın ilk görünümünün dışında kalan görseller sayfa yüklenirken değil, kullanıcı o alana kaydırdığında yüklenmelidir. HTML5'in yerel lazy loading özelliği ile bu işlem tek bir satır kodla sağlanır: `loading="lazy"` özelliğini tüm `` etiketlerinize ekleyin. Ancak ilk ekranda görünen kritik görsellerde bu özelliği kullanmayın; aksi halde LCP skorunuzu olumsuz etkilersiniz.
Önbellekleme (Caching) Stratejileri
Önbellekleme, sunucudan tekrar istenmesi gereken içeriklerin kullanıcının tarayıcısında ya da ara bir sunucuda saklanmasıdır. Doğru yapılandırılmış önbellekleme, tekrar ziyaretlerde sayfa yükleme süresini dramatik biçimde kısaltır.
Tarayıcı Önbelleği
HTTP başlıklarında `Cache-Control` ve `Expires` direktifleri kullanarak tarayıcıya hangi kaynakların ne kadar süreyle saklanması gerektiğini bildirin. CSS, JavaScript ve görseller gibi nadiren değişen statik varlıklar için uzun önbellekleme süreleri (örneğin 1 yıl) belirleyin. Dosya içeriği değiştiğinde dosya adına sürüm hash'i ekleyerek tarayıcının önbelleği temizlemesini sağlayın.
Sunucu Tarafı Önbellekleme
WordPress gibi dinamik CMS'lerde her sayfa isteği için veritabanı sorgusu çalışır. WP Rocket, W3 Total Cache veya LiteSpeed Cache gibi eklentiler, dinamik sayfaları statik HTML olarak önbelleğe alarak sunucu yanıt sürelerini önemli ölçüde kısaltır.
Nesne Önbelleği (Object Cache)
Redis veya Memcached gibi araçlar, veritabanı sorgularının sonuçlarını bellekte saklar. Özellikle yüksek trafikli sitelerde veritabanı yükünü önemli ölçüde azaltır.
İçerik Dağıtım Ağı (CDN)
CDN, sitenizin statik varlıklarını dünya genelinde dağıtılmış sunucularda barındırır. Kullanıcı bir sayfayı açtığında, dosyalar coğrafi olarak en yakın sunucudan iletilir; bu da gecikmeyi (latency) önemli ölçüde azaltır.
Cloudflare, BunnyCDN, KeyCDN ve Amazon CloudFront en yaygın kullanılan CDN çözümleri arasındadır. Cloudflare'in ücretsiz planı bile küçük ve orta ölçekli siteler için ölçülebilir bir performans artışı sağlar. Türkiye'deki kullanıcılar için İstanbul veya Frankfurt PoP (Point of Presence) bulunan CDN sağlayıcılarını tercih etmek erişim sürelerini optimize eder.
CSS ve JavaScript Optimizasyonu
Dosyaları Küçültün (Minification)
Minification; CSS ve JavaScript dosyalarındaki gereksiz boşlukları, satır sonlarını ve yorumları kaldırarak dosya boyutunu küçülten bir süreçtir. Webpack, Vite gibi modern derleme araçları bu işlemi otomatik olarak yapar. WordPress kullanıyorsanız WP Rocket veya Autoptimize bu işlevi yerine getirir.