Web Sitesi Hızlandırma: Site Hızı Nasıl Artırılır?

Mobilde açılması uzun süren bir sayfada ziyaretçi beklemez; geri tuşuna basar ve aramadaki bir sonraki sonuca geçer. Yavaş site hem reklam bütçenizi boşa harcatır hem de Google'ın sayfa deneyimi sinyallerinde geride kalmanıza yol açar.

Bu rehberde site hızının nasıl ölçüldüğünü, Core Web Vitals değerlerinin ne anlama geldiğini ve web sitenizi hızlandırmak için en çok fark yaratan adımları, kendi sitemizde uyguladıklarımızla birlikte anlatıyoruz.

Site Hızı Nasıl Ölçülür?

Hız tek bir sayı değildir. Sayfanın ne zaman göründüğü, dokunulduğunda ne kadar çabuk tepki verdiği ve yüklenirken kayıp kaymadığı ayrı ayrı ölçülür. Ücretsiz üç kaynak yeterlidir:

• PageSpeed Insights: Üstte gerçek kullanıcı verisini (son 28 günde Chrome kullanıcılarının deneyimi), altta Lighthouse laboratuvar testini gösterir. Sitenizin trafiği azsa gerçek kullanıcı verisi çıkmayabilir.
• Search Console Core Web Vitals raporu: Sitenin tüm sayfalarını benzer sayfa grupları hâlinde "İyi", "İyileştirilmesi gerekiyor" ve "Kötü" olarak sınıflandırır. Sorunun hangi şablonda olduğunu bulmak için en iyi yerdir.
• Chrome geliştirici araçları: Lighthouse ve Performans sekmesi, hangi dosyanın ya da betiğin sayfayı beklettiğini ayrıntılı gösterir.

Tek ölçüme güvenmeyin. Lighthouse puanı aynı sayfada art arda yapılan testlerde sunucu yüküne ve ağ durumuna göre belirgin şekilde oynar. Kendi ölçümlerimizde mobil puanın aynı sayfada 15 puana kadar değiştiğini gördük. Bir değişikliğin etkisini değerlendirirken en az üç ölçüm yapıp ortanca değeri alın.

Core Web Vitals: Hedeflenen Değerler

Google, sayfa deneyimini üç temel metrikle ölçer. Değerlendirme, ziyaretlerin yüzde 75'inde ulaşılan değere göre yapılır; yani yavaş cihazlardaki kullanıcılar da hesaba girer.

• LCP (Largest Contentful Paint): Sayfadaki en büyük görsel ya da metin bloğunun ekrana gelme süresi. İyi: 2,5 saniye ve altı. Kötü: 4 saniyenin üstü.
• INP (Interaction to Next Paint): Menüye, düğmeye ya da forma dokunulduğunda sayfanın tepki verme süresi. İyi: 200 milisaniye ve altı. Kötü: 500 milisaniyenin üstü. INP, Mart 2024'te FID'nin yerini aldı.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin ne kadar kaydığı. İyi: 0,1 ve altı. Kötü: 0,25'in üstü.

Bir sayfanın "iyi" sayılması için üç metriğin üçünün de hedefte olması gerekir.

1. Görselleri Küçültün ve Doğru Biçimde Sunun

Çoğu yavaş sitede sayfa ağırlığının büyük kısmı görsellerden gelir. Telefondan çekilmiş 4–5 MB'lık bir fotoğrafı 400 piksel genişliğinde göstermek, ziyaretçiye gereksiz megabaytlar indirtir.

• Görselleri gösterileceği boyuta indirin ve WebP ya da AVIF biçiminde sunun. Aynı kalitede JPEG'e göre belirgin şekilde küçük dosya elde edilir.
• Her img etiketine "width" ve "height" yazın. Tarayıcı görselin yerini önceden ayırır ve sayfa kaymaz (CLS düşer).
• Ekranın altında kalan görsellere "loading="lazy"" ekleyin. İlk ekrandaki ana görsele eklemeyin; bu görsel LCP öğesidir ve gecikirse LCP kötüleşir. Ana görsele bunun yerine "fetchpriority="high"" verin.

2. Sayfayı Bekleten CSS ve JavaScript Dosyalarını Azaltın

Tarayıcı, sayfanın başındaki CSS ve senkron JavaScript dosyalarını indirmeden ekrana hiçbir şey çizmez. Bu dosyalara "oluşturmayı engelleyen kaynak" denir ve her biri ayrı bir bekleme demektir.

• İlk ekran için gereken kritik CSS'i sayfanın içine gömün, geri kalanını sonradan yükleyin.
• Kullanılmayan CSS'i temizleyin. Bir ikon kütüphanesinin tamamını yükleyip birkaç ikon kullanmak sık görülen bir israftır; yalnızca kullanılan ikonları içeren küçük bir dosya hazırlanabilir.
• JavaScript dosyalarına "defer" ekleyin; sayfanın çizimini beklemelerine gerek yok.

Kendi sitemizde kritik CSS'i sayfa içine alıp ikon dosyasını kırparak oluşturmayı engelleyen dosya sayısını altıdan ikiye indirdik. Bu tür bir değişiklik, özellikle mobilde ilk görüntünün gelme süresini kısaltır.

3. Üçüncü Taraf Betikleri Gözden Geçirin

Canlı destek pencereleri, ısı haritası araçları, birden fazla analiz etiketi, sosyal medya gömmeleri ve otomatik oynayan videolar INP'yi en çok bozan unsurlardır. Her biri ana iş parçacığını meşgul eder; kullanıcı menüye dokunduğunda sayfa tepki vermekte gecikir.

Kullanmadığınız etiketleri Google Etiket Yöneticisi'nden kaldırın, canlı destek gibi araçları sayfa yüklendikten birkaç saniye sonra ya da kullanıcı etkileşiminden sonra başlatın. YouTube videoları için sayfada önce yalnızca kapak görseli gösterip oynatıcıyı tıklamada yüklemek ciddi kazanç sağlar.

4. Sunucu Yanıt Süresini Kısaltın

Sayfa ne kadar hafif olursa olsun, sunucu ilk baytı geç gönderiyorsa her şey geç başlar. Sunucu yanıt süresi (TTFB) için 0,8 saniyenin altı iyi kabul edilir.

• Önbellek: Sık değişmeyen sayfaları hazır HTML olarak sunun; her ziyarette veritabanı sorgusu çalıştırmayın.
• CDN: Cloudflare gibi bir içerik dağıtım ağı, görsel, CSS ve JS dosyalarını ziyaretçiye yakın sunuculardan verir.
• Sıkıştırma: Sunucuda Brotli veya Gzip sıkıştırmasının açık olduğunu kontrol edin.
• Güncel yazılım: Desteklenen güncel PHP sürümü ve hafif bir tema/eklenti seti, eski sürümlere göre aynı sunucuda daha hızlı yanıt verir.
• Barındırma: Çok kalabalık paylaşımlı sunucularda yanıt süresi gün içinde dalgalanır. Önce önbelleği deneyin; yetmiyorsa daha güçlü bir pakete geçin.

5. Yazı Tiplerini Hafifletin

Dört farklı yazı tipi ailesinin altı farklı kalınlığını yüklemek, görünmeyen metin süresini uzatır. Bir ya da iki aileyle yetinin, yalnızca kullandığınız kalınlıkları yükleyin ve "font-display: swap" kullanarak metnin yazı tipi gelene kadar boş kalmasını önleyin. Yazı tipini kendi sunucunuzdan vermek ek bir alan adı bağlantısını da ortadan kaldırır.

Hız SEO'yu Ne Kadar Etkiler?

Hız, Google'ın sayfa deneyimi sinyallerinden biridir; ancak içeriği zayıf hızlı bir sayfa, içeriği güçlü biraz daha yavaş bir sayfanın önüne kendiliğinden geçmez. Hızın asıl etkisi kullanıcı davranışında görülür: Sayfa geç açıldıkça daha fazla ziyaretçi içeriği görmeden ayrılır, form ve sepet adımlarında kayıp artar. Yani hız, hem sıralamayı destekleyen hem de mevcut trafiğin satışa dönme oranını belirleyen bir altyapı işidir.

Sitenizin hızını ve diğer teknik sorunlarını birlikte görmek için SEO analiz araçları rehberimizdeki ücretsiz araçlarla başlayabilirsiniz. Ölçümden çıkan sorunları altyapı düzeyinde çözmek ya da hızlı ve hafif bir site kurmak isterseniz web yazılım ve web sitesi SEO hizmetlerimizle yardımcı oluyoruz.