Sayfa hızı, kullanıcı deneyiminin temel göstergelerinden biri olarak 2010'lardan bu yana Google sıralama faktörleri arasında yer alıyor. Yavaş yüklenen sayfalar hem ziyaretçi kaybına hem de arama sonuçlarında geri planda kalmaya yol açar. Bu rehberde sayfa hızının SEO üzerindeki etkisini, ölçüm araçlarını ve pratik optimizasyon tekniklerini ele alıyoruz.
Google, 2021'den itibaren "Page Experience" (Sayfa Deneyimi) sinyallerini sıralama algoritmasına dahil etti. Bu sinyallerin kalbi Core Web Vitals'tır: LCP (Largest Contentful Paint), INP (Interaction to Next Paint) ve CLS (Cumulative Layout Shift). Sayfa hızı doğrudan LCP ve INP'yi etkiler; dolayısıyla hızlı sayfalar sıralamada avantaj sağlar.
Ayrıca yavaş sayfalar bounce rate'i artırır. Kullanıcı 3 saniye içinde sayfa yüklenmezse birçok durumda sayfayı terk eder. Bu da oturum süresini düşürür ve dolaylı olarak SEO'yu olumsuz etkiler. Mobilde bu etki daha da belirgindir; mobil ağlar genelde daha yavaştır ve kullanıcılar daha az sabırlıdır.
Sayfa hızını ölçmeden optimize edemezsiniz. En yaygın araçlar:
Laboratuvar verisi tek seferlik yüklemedir; gerçek kullanıcı verisi (RUM) ise farklı cihaz ve ağlardaki gerçek performansı yansıtır. Her ikisini de göz önünde bulundurun.
Görseller çoğu web sayfasının en büyük boyutlu kaynaklarıdır. Sıkıştırma ve modern formatlar büyük kazanım sağlar:
<picture> ile fallback kullanın.srcset ve sizes ile cihaz genişliğine uygun boyutta görsel sunun. Büyük görsel küçük ekranda gereksiz veri tüketir.loading="lazy" ile sayfa ilk yüklemede görünür alandaki görselleri yükleyin; kullanıcı aşağı kaydırdıkça diğerleri yüklensin."Above-the-fold görsellerde lazy loading kullanmayın. İlk ekranda görünen içerik LCP'yi belirler; gecikme puanınızı düşürür."
Lazy loading, kaynakların ihtiyaç duyulana kadar yüklenmemesini sağlar. Native loading="lazy" img ve iframe için desteklenir; JavaScript kütüphaneleri ile daha gelişmiş senaryolar (intersection observer) mümkündür. Dikkat: LCP'ye giren ana görselde lazy loading kullanırsanız LCP süresini uzatırsınız.
Render-blocking JavaScript ve CSS, sayfanın ekranda görünmesini geciktirir. Kritik olmayan script'leri defer veya async ile yükleyin. Inline critical CSS kullanarak ilk render'ı hızlandırın; geri kalan stilleri asenkron yükleyin. Minify ve compress (Gzip/Brotli) uygulayın.
Tarayıcı ve sunucu tarafı önbellekleme, tekrarlayan ziyaretlerde yükleme süresini dramatik şekilde azaltır. Cache-Control header'ları ile statik kaynaklara uzun süreli cache verin. HTML için kısa, JS/CSS/görseller için uzun cache süreleri tercih edilir. Versiyonlama (örn. style.css?v=2) ile güncelleme sonrası yeni dosya çekilmesini sağlayın.
İçerik Dağıtım Ağı (CDN), statik dosyaları kullanıcıya coğrafi olarak en yakın sunucudan sunar. Özellikle global hedef kitle için latency azalır. Ayrıca güvenilir bir hosting sağlayıcısı seçmek; TTFB (Time to First Byte) değerini iyileştirir. Teknik SEO kontrol listesi çalışmanızda hız maddeleri mutlaka yer almalıdır.