Website Speed Optimization: How to Speed Up Your Site?

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.

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 `` elementi ve fallback JPEG kullanımı önerilir.

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="eager"` ö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 Cyprus 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.

Render-Blocking Kaynakları Ortadan Kaldırın

Tarayıcı, HTML'yi ayrıştırırken bir `