Sayfa Hızı Optimizasyonu: Web Sitenizi Hızlandırmanın Yolları

Sayfa hızı optimizasyonu, hem kullanıcı deneyimi hem de arama motoru sıralaması açısından belirleyici bir faktördür. Google'ın Core Web Vitals metriklerini sıralama sinyali olarak kullandığını resmileştirmesinin ardından, hız artık teknik bir tercih değil zorunluluk haline gelmiştir. Bu rehberde web sitenizi hızlandırmak için uygulayabileceğiniz somut teknikleri ele alıyoruz.

⠀

Sayfa Hızı Neden Bu Kadar Önemli?

⠀

Google'ın araştırmalarına göre sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma (bounce) olasılığı %32 artmaktadır. Mobil cihazlarda bu oran daha da yükselir. E-ticaret sitelerinde ise her 100 ms'lik gecikme, dönüşüm oranını %1 civarında düşürebilir.

Core Web Vitals rehberimizde LCP, CLS ve INP metriklerinin nasıl ölçüldüğünü ve hedef değerlerin ne olması gerektiğini ayrıntılı olarak ele aldık.

⠀

Görselleri Optimize Etmek

⠀

Web sayfalarındaki veri transferinin büyük bölümünü görseller oluşturur. Görsel optimizasyonu için şu adımları izleyin:

Format seçimi: JPEG yerine WebP formatını tercih edin. WebP, kaliteden ödün vermeden %25–35 daha küçük dosya boyutu sağlar. Saydam arka plan gerektiren görseller için AVIF veya WebP alfa kanalı kullanın.

Boyutlandırma: Görseli sayfada 400px genişlikte gösteriyorsanız, 2000px'lik bir dosya yüklemek gereksiz bant genişliği tüketir. Görseli kullanılacağı boyuta uygun olarak kırpın.

Lazy loading: Kullanıcı sayfayı kaydırdıkça görüntülenecek görsellerin, sayfa ilk açılışında yüklenmesini engeller. HTML'de loading="lazy" özelliği veya JavaScript kütüphaneleri ile uygulanabilir.

Sıkıştırma: Görsel sıkıştırma araçları (Squoosh, TinyPNG) kalite kaybı olmadan dosya boyutunu önemli ölçüde azaltır.

⠀

Önbellek (Cache) Kullanımı

⠀

Önbellek, tekrar ziyaret eden kullanıcıların tarayıcısında daha önce yüklenen dosyaları depolayarak sunucudan tekrar istek yapılmasını engeller.

Tarayıcı önbelleği: Sunucu yapılandırmanızda CSS, JavaScript ve görsel dosyaları için uzun önbellek süresi (Cache-Control header) tanımlayın.

Sunucu tarafı önbellek: WordPress kullanıyorsanız WP Super Cache veya W3 Total Cache eklentileri; diğer platformlar için Nginx veya Apache önbellek modülleri işe yarar.

CDN önbelleği: CDN, statik dosyaları kullanıcıya coğrafi olarak en yakın sunucudan sunar ve origin sunucunuzdaki yükü azaltır.

⠀

JavaScript ve CSS Minimizasyonu

⠀

Gereksiz boşluklar, yorumlar ve uzun değişken adlarından arındırılmış (minify edilmiş) kod dosyaları daha hızlı indirilir ve işlenir.

• JavaScript ve CSS dosyalarını birleştirerek HTTP istek sayısını azaltın

• Kritik CSS'i satır içi (inline) olarak sayfaya dahil edin, diğerlerini asenkron yükleyin

• Kullanılmayan JavaScript kütüphanelerini kaldırın (render-blocking resources)

⠀

Teknik SEO temel rehberimizde render-blocking kaynakların nasıl tespit edileceğini de anlattık.

⠀

Sunucu Yanıt Süresini İyileştirmek

⠀

TTFB (Time to First Byte), sunucunuzun ilk byte'ı göndermesi için geçen süredir. Hedef değer 200ms altıdır.

TTFB'yi iyileştirmek için:

• Kaliteli hosting altyapısı seçin (paylaşımlı hosting yerine VPS veya cloud)

• Veritabanı sorgularını optimize edin

• Sunucu tarafı önbellekleme etkinleştirin

• HTTP/2 veya HTTP/3 protokolüne geçin

⠀

⠀

CDN Kullanımı

⠀

CDN (Content Delivery Network), statik dosyalarınızı dünya genelindeki birden fazla sunucuda dağıtarak kullanıcılara en yakın konumdan sunar. Bu, özellikle coğrafi olarak geniş bir kitleye hizmet veren siteler için kayda değer hız artışı sağlar.

Cloudflare, başlangıç seviyesinde ücretsiz CDN hizmeti sunan ve yaygın kullanılan bir seçenektir. E-ticaret altyapılarında ise Fastly ve AWS CloudFront sık tercih edilir.

⠀

Sık Yapılan Hatalar

⠀

Gereğinden büyük fontlar: Google Fonts'tan çok sayıda ağırlık ve stil yüklemek sayfa boyutunu gereksiz artırır. Sadece kullandığınız varyantları yükleyin.

Üçüncü taraf script yükü: Analytics, canlı sohbet, reklam ve sosyal medya widget'ları toplam yüklenme süresini ciddi ölçüde uzatabilir. Her scriptin gerekliliğini sorgulayın.

Görsel boyutlandırma hatası: Tüm görsellere width ve height özelliği eklemek, CLS (Cumulative Layout Shift) metriğini iyileştirir. Boyutsuz görseller sayfa yüklenirken düzeni kaydırır.

⠀

Sık Sorulan Sorular

⠀

PageSpeed Insights skoru ne kadar olmalı?

90 üzeri "İyi" kabul edilir. Ancak skor, mutlak bir hedef değil bir göstergedir. LCP, CLS ve INP değerleri yeşil bölgede olduğu sürece skor ikincil kalır.

Sayfa hızı doğrudan sıralama faktörü mü?

Evet, Google 2021'den itibaren Core Web Vitals'ı doğrudan sıralama sinyali olarak kullandığını açıkladı. Özellikle mobil aramalarda hız, sıralamada belirleyici rol oynar.

WordPress'te hız için en iyi önbellek eklentisi hangisi?

WP Rocket ücretli seçenekler arasında öne çıkar. Ücretsiz alternatiflerde W3 Total Cache ve LiteSpeed Cache yaygın kullanılır.