İçeriğe geç
Web Geliştirme

Web Sitesi Hızlandırma: 12 Adımda Sayfa Yüklenme Hızı Rehberi

29 Ağustos 2026 Kerem Kırbıyık 3 dk okuma
Web sitesi sayfa yüklenme hızı optimizasyonu, TTFB ve Core Web Vitals iyileştirme şeması

Arama motoru ve kullanıcı deneyimi araştırmalarına göre sayfa açılış süresinin uzaması hemen çıkma oranlarını (bounce rate) artırmakta ve dönüşüm kayıplarına yol açmaktadır. Sayfa hızı, kullanıcı deneyiminin yanı sıra arama motorlarının Sayfa Deneyimi (Page Experience) sinyalleri arasında kritik bir yer tutar.

Sunucu seviyesinden (TTFB) istemci tarafı (DOM Render) işlemelerine kadar uzanan 12 adımlı hız optimizasyonu adımları aşağıda açıklanmaktadır.


1. Sayfa Hızı Metrikleri ve Hedeflenen Eşik Değerler

[Kullanıcı Tıklar] ──(TTFB < 200ms)──> [İlk Bayt Gelir] ──(FCP < 1.8s)──> [İçerik Görünür] ──(LCP < 2.5s)──> [Tam Yükleme]
MetrikAnlamıİdeal Eşik (CrUX)
TTFB (Time to First Byte)Sunucunun ilk bayt yanıtı gönderme süresi.< 200 - 400 ms
FCP (First Contentful Paint)Tarayıcının ekranda ilk metin/görsel çizdiği an.< 1.8 saniye
LCP (Largest Contentful Paint)Sayfadaki ana içeriğin (Hero görsel/H1) tam yüklenmesi.< 2.5 saniye
CLS (Cumulative Layout Shift)Sayfa yüklenirken yaşanan görsel kaymalar.< 0.1

2. 12 Adımda Web Sitesi Hızlandırma Protokolü

Sunucu ve Altyapı Katmanı (1-4)

  1. HTTP/3 ve QUIC Protokolü: Bağlantı kurma gecikmelerini azaltan modern HTTP/3 standardına geçin.
  2. Sunucu Tarafı Bellekleme (Redis / OPcache): Veritabanı sorgularını bellekten okutarak sunucu yanıt süresini optimize edin.
  3. Global CDN (Edge Network): Cloudflare veya Fastly gibi CDN ağlarıyla varlıkları kullanıcıya en yakın sunucudan dağıtın.
  4. Brotli Sıkıştırma: HTML, CSS ve JS dosyalarını Gzip’e kıyasla daha yüksek sıkıştırma sunan Brotli (br) ile iletin.

Kod ve Kaynak Optimizasyonu Katmanı (5-8)

  1. Kritik CSS (Critical CSS): İlk ekranda gereken stilleri hızlı sunup, geri kalan stilleri asenkron yükleyin.
  2. JavaScript Erteleme (defer / async): Render engelleyici scriptleri defer niteliğiyle HTML ayrıştırmasından sonraya bırakın.
  3. Kullanılmayan Kodların Temizliği: CSS ve JS paketlerinden kullanılmayan kütüphaneleri arındırın.
  4. Font Ön Yükleme (Preload): Kritik @font-face dosyalarını <link rel="preload" as="font" type="font/woff2" crossorigin> ile erken kuyruğa alın.

Medya ve Varlık Yönetimi Katmanı (9-12)

  1. Görsellerde WebP ve AVIF: Statik görselleri modern sıkıştırma formatlarıyla sunun.
  2. Responsive Görsel Boyutlandırma (srcset): Mobildeki kullanıcılara cihaza uygun çözünürlükte görsel iletin.
  3. Gecikmeli Yükleme ve LCP Ayrımı: İlk ekran dışında kalan görsellere loading="lazy" ekleyin; ancak ilk ekrandaki LCP görseline lazy loading vermeyip fetchpriority="high" tanımlayın.
  4. Üçüncü Parti Script Temizliği: Kullanılmayan takip etiketlerini ve analitik scriptlerini temizleyin.

3. Nginx Sunucusunda Brotli ve Önbellek Yapılandırması

# Brotli Sıkıştırma Aktif Etme
brotli on;
brotli_comp_level 6;
brotli_types text/plain text/css application/javascript application/json image/svg+xml;

# Statik Varlıklara Tarayıcı Önbelleği
location ~* \.(jpg|jpeg|png|webp|avif|svg|woff2|css|js)$ {
    expires 1y;
    add_header Cache-Control "public, no-transform, immutable";
}

Sıkça Sorulan Sorular

WordPress sitelerinde yüksek hız puanı nasıl yakalanır?

Doğru yapılandırılmış bir önbellek katmanı (LiteSpeed Cache veya WP Rocket), görsel sıkıştırma ve CDN entegrasyonu ile mobil hız puanları üst seviyelere çıkarılabilir.

Sunucu yanıt süresi (TTFB) neden uzar?

Verimsiz veritabanı sorguları, aşırı sunucu yükü, dinamik sayfalarda önbellek katmanının eksikliği TTFB değerini uzatan ana nedenlerdir.


Stratejik Sonuç

Sayfa yüklenme hızını optimize etmek, hem kullanıcı deneyimini ve dönüşüm oranlarını artırır hem de Core Web Vitals metriklerini güçlendirir. Altyapı ve hız iyileştirmeleri için web geliştirme ve SEO danışmanlığı çözümlerimizi inceleyin.

İlgili Yazılar

  • Web Sitesi Hızı İçin Görsel Optimizasyonu ve WebP Rehberi
  • TikTok SEO Nedir? 6 Adımda TikTok Video Sıralama Rehberi
  • Teknik SEO’da Adım Adım DOM Boyutu ve Derinliği Optimizasyonu
  • Jobs-to-be-Done (JTBD) Metodu ile Müşteri Deneyimi ve SEO
  • Yandex Webmaster ile SEO Performansınızı Artırmanın 12 Yolu
Bu yazı faydalı oldu mu?