LCP ve TTFB Nedir? Web Performans Optimizasyonu Rehberi

Sayfa Hızı (LCP) ve TTFB Nedir?

Largest Contentful Paint (LCP), bir web sayfasının ana içeriğinin yüklenme süresini ölçen kritik bir performans metriğidir. Google'ın Core Web Vitals ölçütlerinden biri olan LCP, kullanıcı deneyiminin kalitesini doğrudan etkiler ve arama sıralamalarında önemli bir faktördür.

Time To First Byte (TTFB), tarayıcının sunucudan ilk byte'lık veriyi aldığı zamana kadar geçen süreyi ifade eder. TTFB, sunucu yanıt süresinin bir göstergesi olarak LCP'yi doğrudan etkiler.

Araştırmalara göre, her 1 saniye gecikmede kullanıcıların %32'si siteyi terk ettiği bilinmektedir. Bu nedenle TTFB optimizasyonu, hem kullanıcı deneyimi hem de SEO performansı için kritik öneme sahiptir.

TTFB Neden Önemli?

TTFB, web performansının temel taşlarından biridir. Düşük TTFB değerleri, sunucunun hızlı yanıt verdiğini ve kaynakların etkin kullanıldığını gösterir.

Google, 2.5 saniyenin altındaki LCP değerlerini "iyi" olarak değerlendirirken, TTFB'nin 800ms'nin altında olması önerilmektedir. Yüksek TTFB değerleri, sayfa yüklenmesini geciktirir ve kullanıcı deneyimini olumsuz etkiler.

TTFB'yi Etkileyen Faktörler

• Sunucu donanım kaynakları (CPU, RAM, disk I/O)
• Sunucu yazılımı ve konfigürasyonu
• Veritabanı sorgu performansı
• Ağ mesafesi ve CDN kullanımı
• Dinamik içerik oluşturma süresi
• Sunucu yükü ve trafik yoğunluğu

TTFB Düşürme Yöntemleri

1. Sunucu Donanımı ve Altyapı Optimizasyonu

Sunucu donanımı, TTFB üzerinde en büyük etkiye sahip faktörlerden biridir. Yeterli CPU kaynağı, hızlı NVMe SSD'ler ve yeterli RAM, sunucu yanıt süresini önemli ölçüde düşürür.

Yüksek performanslı Ryzen sanal sunucu çözümleri, düşük TTFB değerleri için ideal bir altyapı sağlar. Özellikle NVMe SSD'ler, geleneksel HDD'lere kıyasla 10 kata varan I/O hızı sunar.

2. CDN Kullanımı

İçerik Dağıtım Ağı (CDN), kullanıcılara en yakın sunucudan içerik sunarak gecikmeyi azaltır. Statik içerikler için CDN kullanımı, TTFB'yi %50'ye varan oranlarda düşürebilir.

Cloud sunucu altyapısı ile birlikte CDN kullanımı, hem dinamik hem de statik içeriklerin optimize edilmesini sağlar.

3. HTTP/3 ve QUIC Protokolü

HTTP/3 ve QUIC protokolü, bağlantı kurulum süresini önemli ölçüde azaltır. TCP yerine UDP kullanan QUIC, el sıkışma süresini minimize eder ve paket kaybına karşı daha dayanıklıdır.

Bu protokol, özellikle yüksek gecikme sürelerinin olduğu ağlarda performans iyileştirmesi sağlar.

4. Veritabanı Optimizasyonu

Veritabanı sorguları, dinamik içerik üreten sitelerde TTFB'yi önemli ölçüde etkiler. İndeksleme, sorgu optimizasyonu ve connection pooling teknikleri kullanılmalıdır.

MySQL/MariaDB veritabanı optimizasyonu rehberimizde, performans artırmak için uygulanabilecek detaylı teknikler bulunmaktadır.

5. Önbellekleme (Caching) Stratejileri

Önbellekleme, sunucu yükünü azaltarak TTFB'yi düşürür. Çeşitli önbellekleme katmanları uygulanmalıdır:

• Sunucu tarafı önbellekleme: Redis, Memcached gibi araçlar
• Sayfa önbellekleme: Tam HTML önbellekleme
• OPcache: PHP kodlarının derlenmiş halinin önbelleklenmesi
• Tarayıcı önbellekleme:Expires, Cache-Control header'ları

6. DNS Çözümleme Hızı

DNS çözümleme süresi, TTFB'nin ilk aşamasını oluşturur. Hızlı ve güvenilir DNS sağlayıcıları kullanmak, toplam sayfa yüklenme süresini azaltır.

Sunucu Yazılımı Optimizasyonu

Web Sunucu Seçimi

Nginx, Apache'ye kıyasla daha düşük bellek tüketimi ve daha yüksek eşzamanlı bağlantı kapasitesi sunar. Özellikle statik içerik sunumunda Nginx daha iyi performans gösterir.

PHP-FPM Yapılandırması

PHP-FPM (FastCGI Process Manager), PHP scriptlerinin daha verimli çalışmasını sağlar. Dinamik içerik üreten sitelerde doğru PHP-FPM konfigürasyonu TTFB'yi önemli ölçüde düşürür.

TLS/SSL Optimizasyonu

SSL/TLS el sıkışma süresi, TTFB'yi etkileyen faktörlerden biridir. TLS 1.3 kullanımı, el sıkışma süresini TLS 1.2'ye göre yaklaşık %30-40 oranında azaltır.

LCP İyileştirmek İçin Ek Teknikler

Resim Optimizasyonu

LCP genellikle en büyük görselin yüklenme süresiyle ilişkilidir. Modern görsel formatları (WebP, AVIF) kullanarak ve lazy loading uygulayarak LCP değeri iyileştirilebilir.

Kritik CSS ve JavaScript

Above-the-fold (üst kısımda görünür) içerik için gerekli CSS'in ayrıştırılması ve HTML ile birlikte yüklenmesi, render-blocking kaynakların azaltılması LCP'yi olumlu etkiler.

Preconnect ve Preload

Kaynak ipuçları kullanarak kritik kaynakların önceden yüklenmesi sağlanabilir. <link rel="preload"> ve <link rel="preconnect"> etiketleri bu amaçla kullanılır.

TTFB Ölçüm Araçları

TTFB'yi doğru ölçmek için çeşitli araçlar kullanılabilir:

• Google PageSpeed Insights: LCP ve TTFB dahil kapsamlı metrikler
• Chrome DevTools: Network sekmesinde detaylı zamanlama analizi
• WebPageTest: Gelişmiş performans testleri
• GTmetrix: Kapsamlı performans raporları

Karşılaştırma: TTFB Değerleri ve Performans

TTFB Değeri	Performans Kategorisi	Önerilen Eylem
< 200ms	Mükemmel	Mevcut optimizasyonları koruyun
200-500ms	İyi	İsteğe bağlı iyileştirmeler yapın
500-800ms	Orta	Önbellekleme ve CDN ekleyin
> 800ms	Kötü	Kapsamlı optimizasyon gerekiyor

Sonuç ve Öneriler

LCP ve TTFB optimizasyonu, kapsamlı bir yaklaşım gerektirir. Sunucu altyapısından kod seviyesine kadar tüm katmanlarda iyileştirmeler yapılmalıdır.

Başarılı bir optimizasyon için öncelikle mevcut durumu ölçün, ardından kademeli iyileştirmeler uygulayın. Sanal sunucu kiralama veya dedicated sunucu çözümlerimiz, TTFB optimizasyonu için gerekli altyapıyı sağlar.

Unutmayın, sürekli performans izleme ve düzenli bakım, uzun vadede optimal performansı korumak için şarttır.