Web Sitesi Hızı 100/100 — 12 Adım Lighthouse

Lighthouse skoru 100/100 efsane gibi görünür ama doğru tekniklerle gerçekten ulaşılabilir. Üstelik SEO ile direkt ilişkili — Google Core Web Vitals'a önem veriyor, hızlı siteler üst sıralarda. Bu yazıda Lighthouse skorunu 100'e çıkaran 12 pratik tekniği anlatıyoruz.

Mevcut hızınızı ölçün

• pagespeed.web.dev — Google'ın resmi aracı
• Chrome DevTools (F12) → Lighthouse sekmesi
• WebPageTest.org — detaylı waterfall
• GTmetrix — alternatif metrikler

1. Görsel optimizasyonu (en büyük etki)

WebP formatına geç

JPG/PNG yerine WebP %30-50 daha küçük aynı kalitede. Tüm modern tarayıcılar destekler.

Boyut optimizasyon

• Hero görseli max 1920×1080
• Kart görseli max 800×600
• Thumbnail max 400×300
• Mobile için ayrı boyut (srcset)

Lazy loading

<img src="..." loading="lazy" decoding="async" width="800" height="450">

2. Render-blocking kaynaklarını azalt

CSS

• Critical CSS inline (above-the-fold)
• Geri kalan CSS async: media="print" onload="this.media='all'"
• Kullanılmayan CSS'i sil (PurgeCSS, UnCSS)

JavaScript

• Script tag'lerine defer veya async ekle
• Critical JS inline
• Code splitting (büyük dosyaları parçalara böl)

3. Sıkıştırma (gzip + Brotli)

.htaccess'e:

<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/css application/javascript
</IfModule>
<IfModule mod_brotli.c>
    AddOutputFilterByType BROTLI_COMPRESS text/html text/css application/javascript
</IfModule>

Sonuç: dosya boyutları %60-80 küçülür.

4. Browser cache (uzun TTL)

<FilesMatch ".(jpg|jpeg|png|webp|css|js|woff2)$">
    Header set Cache-Control "public, max-age=31536000, immutable"
</FilesMatch>

Statik varlıklar 1 yıl cache. CSS/JS dosyalarını ?v=N ile versiyonla, böylece güncellemede otomatik bust.

5. CDN kullan (Cloudflare ücretsiz)

• Statik varlıklar dünya genelinde 200+ POP'tan servis
• İstanbul kullanıcısı İstanbul'dan, Almanya'dan Almanya'dan açar
• Latency 200ms'den 30ms'ye düşer
• DDoS koruması bonus

6. HTTP/2 + HTTP/3

HTTP/1.1 her dosyayı sırayla iner. HTTP/2 paralel + multiplex. HTTP/3 ekstra hız. Hostingden aktif et.

7. LiteSpeed sunucu

Apache yerine LiteSpeed kullanın — PHP siteler için 2-3x daha hızlı. cPanel hosting'lerin çoğu LiteSpeed sunuyor (Güzel Hosting, Natro vb.).

8. Veritabanı optimizasyonu

Index ekle

Sık sorgulanan kolonlara INDEX:

CREATE INDEX idx_active_published
ON blog_posts(is_active, published_at);

N+1 query problemi

"Her post için ayrı kategori sorgusu" yerine JOIN ile tek sorguda her şey. Tek query farkı 100x hız demek.

Query cache

Sık tekrar eden sorguları cache'le. Redis veya basit dosya cache.

9. Font optimizasyonu

• font-display: swap ile FOIT engelle
• Sadece kullanılan ağırlıkları yükle (400, 600, 700)
• WOFF2 formatı (en küçük)
• Self-hosted font (Google Fonts yerine kendi sunucuna kopyala)

10. Üçüncü parti scriptleri minimize

Her ek script siteyi yavaşlatır:

• Google Analytics → defer
• Facebook Pixel → defer + lazy
• Tawk.to gibi chat → idle'de yükle (3 saniye sonra)
• Sosyal medya widget'ları → mümkünse statik kullan

11. CLS (Cumulative Layout Shift) sıfır

• Tüm görsellere width + height attribute
• Reklam alanlarına min-height
• Web font yüklenirken layout shift olmasın (size-adjust)

12. INP (Interaction to Next Paint) optimize

• Heavy JavaScript görevleri Web Worker'a taşı
• Event handler'ları throttle/debounce
• Reflow tetikleyen DOM operasyonlarını batch yap

Hedef metrikler (Core Web Vitals)

Hedef: 3 metrik de yeşil. Sıralama avantajı bonus.

Mobil hız (ayrıca önemli)

Türkiye'de %78 mobilden. Lighthouse Mobile skoru desktop'tan ayrı. 4G simülasyonunda 3 saniye altı yüklenmeli.

Bizim yaklaşımımız

Tüm paketlerimizde Lighthouse Mobile 90+ garantili. Mevcut siteniz yavaşsa ücretsiz hız analizi yapıyoruz.

Sıkça Sorulan Sorular

100/100 gerçekten ulaşılabilir mi?

Evet — basit içerikli sitelerde mümkün. Karmaşık e-ticaret veya çok 3rd-party araç olan sitelerde 90+ daha gerçekçi hedef.

Hız SEO'ya gerçekten etki ediyor mu?

Direkt olarak: evet (Core Web Vitals sıralama faktörü). Dolaylı: yavaş site = yüksek bounce rate = düşük sıralama.

Hostingi değiştirmek zorunda mıyım?

Genelde hayır — Cloudflare CDN + cache başlıkları çoğu zaman yeter. Ama kötü hostingden iyi hostinge geçmek bazen 30-50 puan ekstra getiriyor.

Sonuç

Lighthouse 100/100 disiplin işidir. 12 adım uygulanırsa ulaşılabilir. Hız = SEO + dönüşüm. Mevcut site analizi isteyin.