Lighthouse e instrumentul de audit al Google care măsoară performanța, SEO-ul, accesibilitatea și best practices ale unui site web. Scorul de Performance e calculul cel mai important — și cel mai greu de optimizat fără o arhitectură corectă.
Cele 5 categorii Lighthouse și ce afectează fiecare
- Performance — viteza de încărcare (LCP, CLS, INP, TBT, FCP, Speed Index)
- SEO — meta tags, canonical, structured data, mobile-friendly
- Accessibility — alt text, contrast, ARIA labels, navigare cu tastatura
- Best Practices — HTTPS, console errors, secure JS libs
- PWA — manifest, service worker (opțional în 2026)
Optimizări pentru Performance score
Imagini
- Folosește next/image (sau similar) — convertește automat în WebP, lazy loading, dimensiuni corecte
- Declară width și height explicit pe fiecare imagine — elimini CLS
- Preload imaginea hero (LCP element) cu <link rel="preload">
- Evită imagini > 200KB în above-the-fold
JavaScript
- Code splitting — nu trimite tot JS-ul pe prima pagină
- Dynamic imports pentru componente heavy (charts, editors, modals)
- Tree shaking — elimina codul neutilizat din bundled JS
- Defer sau async pentru scripturi terțe (analytics, pixels)
CSS
- Critical CSS inline — stiluri pentru above-the-fold direct în <head>
- Defer CSS non-critic cu media="print" + onload trick
- Elimina CSS neutilizat (PurgeCSS sau Tailwind purge)
Fonturi
- font-display: swap — previne FOIT (flash of invisible text)
- Preload fontul principal: <link rel="preload" as="font">
- Self-host fonturile când e posibil — elimini request-ul la Google Fonts
- Limitează numărul de variante de font (weight, style)
Server și arhitectură
- SSR sau SSG — HTML gata, browser-ul nu reconstruiește pagina
- TTFB sub 200ms — serverul trebuie să răspundă rapid
- CDN Edge — livrare din locația apropiată de utilizator
- HTTP/2 sau HTTP/3 activat
- Gzip / Brotli compression
Greșeli comune care scad scorul
- Google Tag Manager fără configurare corectă — poate adăuga 200–500ms
- TikTok Pixel, Meta Pixel nedeferred — blochează main thread
- Fonturi Google fără preconnect sau self-hosting
- Imagini fără width/height declarate — CLS instant
- Librării JS mari importate complet (ex: lodash, moment.js)
- WordPress cu 30+ plugin-uri — fiecare adaugă requests
Testează-ți site-ul acum cu instrumentul nostru gratuit de audit — scoruri reale Google PageSpeed în 10 secunde.
Pas următor
Vrei un site rapid, modern și SEO-optimizat?
Lucrăm cu firme din România care vor să scape de WordPress și să construiască ceva durabil.
Cere ofertă gratuit