Demo ↓

Lighthouse 95+: cosa significa e come ci arriviamo su ogni sito

Risposta breve: Lighthouse è lo strumento di Google che valuta una pagina da 0 a 100; sopra 90 è «verde». Il punteggio viene da quattro misure — quanto in fretta appare il contenuto più grande, quanto gli script bloccano la pagina, quanto saltano gli elementi e quando compare il primo testo.

Cosa misura Lighthouse?

Largest Contentful Paint (LCP) — quando appare l'elemento più grande; Google considera buono sotto 2,5 secondi. Cumulative Layout Shift (CLS) — quanto «saltano» gli elementi durante il caricamento; buono sotto 0,1. Total Blocking Time — quanto gli script bloccano la pagina; sul campo corrisponde a INP, con soglia 200 ms. First Contentful Paint — il primo testo o immagine.

Il punteggio è pesato: LCP e CLS il 25% ciascuno, blocco 30%, prima pittura 10%, Speed Index 10%. Perciò uno script pesante o un titolo che salta possono portare sotto 90 una pagina altrimenti veloce.

Perché conta per un'attività?

La velocità fa parte del ranking di Google da anni e le soglie dei Core Web Vitals sono pubbliche. Più importante è il comportamento delle persone: un sito lento da telefono viene chiuso prima di caricarsi, e i soldi della pubblicità finiscono nel vuoto.

Per questo misuriamo invece di supporre. Ogni demo del portfolio ha un punteggio di laboratorio per telefono e computer — mediana di tre misure nello stesso Chromium e con le stesse curve che usa Lighthouse.

Cosa facciamo per portare un sito a 95+?

Cinque cose. HTML statico senza framework pesanti — la pagina è pronta già dal server. Immagini WebP con dimensioni esatte e lazy loading, così nulla salta. Font ospitati da noi con font-display: optional e preload — il testo non viene ridisegnato quando arriva il font. Script con defer e senza librerie esterne. Nginx con compressione e cache lunga per tutto ciò che non cambia.

L'ultima cosa è disciplina: misuriamo prima di ogni deploy e non pubblichiamo una pagina scesa sotto la soglia.

Punteggio di laboratorio e utenti reali sono la stessa cosa?

No. Il punteggio di laboratorio è una misura in ambiente controllato (telefono emulato, rete rallentata). I dati sul campo (CrUX) vengono da utenti Chrome reali su 28 giorni ed esistono solo quando il sito è online e ha traffico.

Il numero di laboratorio è l'allarme precoce; quello sul campo è il verdetto. Un buon sito supera entrambi, e noi ti diciamo quale dei due stai guardando.

// Fonti
  1. web.dev — Web Vitals (праговете LCP 2,5 s · INP 200 ms · CLS 0,1)
  2. Chrome for Developers — Lighthouse performance scoring
  3. web.dev — Best practices for fonts

Configuratore di preventivo Tutti gli articoli

// Altri articoli