Lighthouse 90+ Skoru Rehberi

Google'ın Lighthouse aracı, web sitenizin teknik kalitesini ölçen ücretsiz bir araç. Performance, Accessibility, Best Practices ve SEO — dört boyutta puanlama yapar. 90+ skor, Google sıralaması için doğrudan rank faktörü.

Neden 90+ Skor?

Core Web Vitals 2021'den beri resmi sıralama faktörü. 80-89 skor hâlâ "iyi" sayılır ama 90+ "mükemmel" — ve Google bu farkı hissedilir şekilde ödüllendiriyor.

"Hızlı bir site, müşterinizi terk etmeyen bir sitedir."

1. Performance (En Zor Olan)

Görselleri Optimize Edin

Modern formatlar (WebP, AVIF) — JPEG'in %30 daha küçüğü
Doğru boyutlandırma (telefon için 800px yeterli)
loading="lazy" attribute
Hero görselleri için fetchpriority="high"

JavaScript'i Azaltın

Modern siteler ortalama 500KB JS yüklüyor — bu kabul edilemez. Hedef: 150KB altı.

Kullanmadığınız framework'lerden vazgeçin (jQuery hâlâ gerekli mi?)
Code splitting kullanın (Next.js ile otomatik)
Üçüncü taraf script'leri async veya defer ile yükleyin

CSS'i Inline Edin (Kritik Olan)

İlk render için gereken CSS'i <head>'e inline koyun. Gerisi defer.

Font Stratejisi

font-display: swap
Sadece kullanılan weight'leri yükleyin (3 weight yeter)
Self-host (Google Fonts'tan değil)

2. Accessibility

Tüm görsellerde alt attribute
Form input'larında label
Renk kontrastı (4.5:1 minimum)
Klavye navigasyonu çalışmalı
Decoratif SVG'lerde aria-hidden="true"
focus-visible stilleri

3. Best Practices

HTTPS zorunlu
Console error'ı olmamalı
Eski API kullanmayın (deprecated warnings)
Doğru image aspect-ratio
Modern Content Security Policy

4. SEO

Title tag (60 karakter altı)
Meta description (155 karakter altı)
Mobile viewport meta
Doğru lang attribute
İndexlenebilirlik (robots.txt, noindex yok)
Yapısal veri (Schema.org)

Hızlı Win'ler — Bugün Yapabilecekleriniz

Görselleri WebP'ye dönüştürün: squoosh.app ile dakikalar içinde.
Lazy load uygulayın: Tüm img tag'lerine loading="lazy".
Üçüncü taraf script'leri defer edin: Analytics, chat widget'ları.
Render-blocking CSS'i azaltın: Kritik olmayan CSS'i defer edin.
Cloudflare CDN açın: Ücretsiz, anında %30 hız.

Ölçümleme

Lighthouse skorunu sürekli izleyin:

PageSpeed Insights: Tek tıkla test
Search Console: Gerçek kullanıcı verisi (CrUX)
Lighthouse CI: Her deploy'da otomatik test

Sık Yapılan Hatalar

Sadece desktop'ta test etmek: Mobile skor genelde 15-20 puan düşük.
İlk gün ölçüp bırakmak: Skor zamanla düşer; aylık ölçüm şart.
Üçüncü taraf script'leri savunmak: Çoğu zaman gereksiz veya değiştirilebilir.
"Sonra optimize ederiz" demek: Performance, sonradan eklenmez — baştan tasarlanır.

Sonuç

90+ skoru almak zor değil — sürekli izlemeden zor olur. Doğru altyapı, doğru görsel optimizasyonu, az JavaScript ve doğru CSS stratejisi ile çoğu site 90+ skor alabilir.

Web sitenizin performansını analiz etmek için ücretsiz audit talep edin veya web tasarım hizmetimize göz atın — her sitemizde 90+ skor yazılı taahhüt.

Lighthouse 90+ Skoru Nasıl Alınır? Kapsamlı Rehber