Lighthouse Nedir?
Lighthouse, Google'ın geliştirdiği açık kaynak web sayfası analiz aracı. Performance, Accessibility, Best Practices, SEO ve PWA dört kategoride 0-100 skor veriyor. Chrome DevTools'a entegre, PageSpeed Insights da Lighthouse motorunu kullanıyor. 90+ skor 'mükemmel', 50-89 'iyileştirilmeli', <50 'kötü'.
Lighthouse 100+ otomatik audit yapıyor. Performance kategorisi metrikleri: LCP, INP (FID'in yerine geçti), CLS, FCP (First Contentful Paint), Speed Index, Total Blocking Time.
Lighthouse skorları nasıl hesaplanıyor: her metric için 'log-normal distribution' kullanılıyor — sektör ortalamasına göre nispi skor. Örn. LCP 1.2s → 95 puan, LCP 3.0s → 50 puan, LCP 5.0s → 20 puan.
Lighthouse skorunu artıran 10 değişiklik: 1. Image optimization (WebP/AVIF, responsive srcset) 2. Font preload + display swap 3. Critical CSS inline 4. JavaScript code splitting + lazy load 5. Server-Side Rendering veya Static Generation 6. CDN + Edge caching 7. HTTP/3 + Brotli 8. Reduce 3rd party scripts (Tag Manager, Hotjar, vs.) 9. Modern image formats 10. Tree shaking + unused CSS removal
Accessibility kategorisi: alt text, color contrast, ARIA, semantic HTML, keyboard navigation. SEO kategorisi: title + meta, structured data, mobile viewport, robots.txt. Best Practices: HTTPS, no console errors, modern image formats.
Lighthouse 90+ skor 2026'da SEO için 'minimum acceptable'. <70 skor varsa redesign zamanı.
DevPixel'in Lighthouse hedefi 95+ tüm kategorilerde. 50+ proje ortalama: Performance 96, Accessibility 95, Best Practices 100, SEO 100. /tools/seo-audit ile ücretsiz Lighthouse + Core Web Vitals raporu alabilirsiniz — PageSpeed Insights API arka uçta.