Sayfa Hızı Optimizasyonu — 2026'da Web Sitenizi Hızlandırın

Hız Neden Sıralama Faktörü

Google, sayfa hızının sıralamaları etkilediğini doğrulamıştır. Yavaş sayfalar kullanıcıları hayal kırıklığına uğratır ve Google en iyi deneyimi sunmak ister. Google'dan alınan verilere göre, yükleme süresi 1 saniyeden 3 saniyeye çıktığında bir kullanıcının sayfayı terk etme olasılığı %32 artmaktadır.

Ancak bu sadece sıralamalarla ilgili değil. Hız, doğrudan kârınıza etki eder:

Dönüşümler — Her ek yükleme süresi, dönüşümleri %7'ye kadar azaltır.
Hızlanma oranı — Mobil kullanıcıların %53'ü, yüklenmesi 3 saniyeden fazla süren bir sayfayı terk eder.
Kullanıcı deneyimi — Hızlı sayfalar profesyonel ve güvenilir bir his verir.

Temel Web Metrikleri — Google'ın Hız Ölçümleri

Google, hızı üç Temel Web Metrikleri ile ölçer:

LCP — En Büyük İçerik Boyası

En büyük görünür öğenin (genellikle bir resim veya başlık) yüklenmesi tamamlandığında ölçer.

İyi: 2.5 saniyenin altında
Geliştirilmesi gereken: 2.5 — 4.0 saniye
Kötü: 4.0 saniyeden fazla

INP — Etkileşimden Sonraki Boya

Kullanıcı etkileşime girdiğinde (tıklar, yazar, kaydırır) sayfanın ne kadar hızlı yanıt verdiğini ölçer.

İyi: 200ms'nin altında
Geliştirilmesi gereken: 200 — 500ms
Kötü: 500ms'den fazla

CLS — Kümülatif Düzen Değişimi

Yükleme sırasında düzenin ne kadar değiştiğini ölçer. O hissi biliyorsunuz — bir şeye tıklamak istiyorsunuz, ama aniden içerik hareket ediyor ve başka bir şeye tıklıyorsunuz.

İyi: 0.1'in altında
Geliştirilmesi gereken: 0.1 — 0.25
Kötü: 0.25'ten fazla

10 Somut Optimizasyon İpucu

1. Resimleri Optimize Edin

Resimler genellikle en büyük sorun kaynağıdır. Görüntü kalitesinden kayıp yaşamadan dosya boyutunu %30-50 oranında azaltabilen WebP veya AVIF gibi modern formatlar kullanın.

Yüklemeden önce tüm resimleri sıkıştırın
İlk yüklemede görünmeyen resimler için loading="lazy" kullanın
CLS'yi önlemek için her zaman width ve height belirtin
Farklı ekran boyutları için srcset ile duyarlı resimler kullanın

2. CSS ve JavaScript'i Minify Edin

CSS ve JS dosyalarınızdan kullanılmayan kodları, boşlukları ve yorumları kaldırın. Çoğu derleme aracı bunu otomatik olarak yapar, ancak üretimde gerçekten olup olmadığını kontrol edin.

3. Sıkıştırmayı Etkinleştirin

Sunucunuzun dosyaları Gzip veya Brotli sıkıştırmasıyla göndermesini sağlayın. Bu, dosya boyutlarını %70'e kadar azaltabilir.

4. Tarayıcı Önbelleklemesini Kullanın

Tarayıcının statik dosyaları (CSS, JS, resimler) yerel olarak saklaması için Cache-Control başlıkları ayarlayın. Kullanıcı bir sonraki ziyaretinde bu dosyaların tekrar indirilmesine gerek kalmaz.

5. Sunucu Yanıt Süresini Azaltın

Sunucunuzun yanıt süresi (İlk Byte'a Kadar Süre, TTFB) 200ms'nin altında olmalıdır. Çözümler:

Hızlı bir barındırma sağlayıcısı kullanın
Sunucu tarafı önbellekleme etkinleştirin
Veritabanı sorgularını optimize edin
Statik dosyaları kullanıcıya yakın sunuculardan sunmak için bir CDN kullanın

6. Kritik Olmayan JavaScript'i Erteleyin

Başlangıç görünümü için gerekli olmayan JavaScript'in async veya defer ile asenkron olarak yüklenmesini sağlayın. Bu genellikle analitik, sohbet widget'ları ve sosyal medya gömme kodlarını içerir.

7. Kritik Kaynakları Ön Yükleyin

Başlangıç görünümü için gerekli olan yazı tipleri, CSS ve resimler için kullanın. Bu, tarayıcıya bu dosyaları önceliklendirmesini söyler.

8. Render Engelleyici Kaynakları Kaldırın

içindeki CSS ve JavaScript, sayfa render'ını engeller. Kritik olmayan CSS'i alta taşıyın ve başlangıç görünümü için gereken CSS'i (kritik CSS) inline yapın.

9. Bir CDN Kullanın

Bir İçerik Dağıtım Ağı, dosyalarınızı dünya genelindeki sunucularda dağıtır. Kullanıcılar en yakın sunucudan indirir, bu da gecikmeyi önemli ölçüde azaltır.

10. Web Yazı Tiplerini Optimize Edin

Özel yazı tipleri, metin gösterimini geciktirebilir:

Özelleştirilmiş yazı tipi yüklenirken metnin yedek bir yazı tipi ile görünmesi için font-display: swap kullanın
Kullanılan karakterlerle sınırlı olarak yazı tiplerinizi alt kümeleyin
En önemli yazı tiplerini ön yükleyin
Ana metin için sistem yazı tiplerini değerlendirin

Hızınızı Nasıl Test Edersiniz

Google PageSpeed Insights

Google'ın resmi aracı. Size hem laboratuvar verisi (simüle edilmiş) hem de alan verisi (gerçek kullanıcılar) sağlar ve somut iyileştirme önerileri sunar.

Chrome Geliştirici Araçları

Geliştirici Araçlarını açın (F12), "Performans" paneline gidin ve bir sayfa yüklemesi kaydedin. Hangi dosyaların ne kadar zaman aldığını ve hangi sırayla yüklendiğini tam olarak görebilirsiniz.

WebPageTest

Farklı konumlardan ve bağlantı hızlarından test yapmanızı sağlayan gelişmiş bir test aracıdır. Ayrıntılı şelale diyagramları sunar.

Önceliklendirme — Buradan Başlayın

Üzerinde yoğunlaşmanız gereken üç şey seçmeniz gerekiyorsa:

Resimler — Sıkıştırın ve WebP'ye dönüştürün. En az çabayla en büyük etki.
Önbellekleme — Doğru Cache-Control başlıklarını ayarlayın. Tek seferlik ayar.
JavaScript — Kritik olmayan her şeyi erteleyin. Üçüncü taraf betikleri azaltın.

Web sitenizin performansını tam olarak öğrenmek ister misiniz? Ücretsiz bir denetim yapın ve Temel Web Metriklerinizi ve hız puanınızı görün.