Tre misure stanno al posto della sensazione che dà una pagina. Vale la pena capirle perché ognuna ha una causa e un rimedio diversi, e perché un buon punteggio su un portatile non dice quasi nulla su un telefono con la rete dati.
LCP — quando compare la cosa principale
Il tempo che passa fino al disegno dell'elemento più grande in vista: di solito l'immagine di testa o il titolo. Punta a meno di 2,5 secondi.
- Non caricarlo in modo pigro — vedi Il caricamento pigro senza rompere l'impaginazione.
- Servilo in un formato moderno e nella misura in cui viene mostrato.
- Abbassa il primo byte del server — vedi Che cos'è il TTFB.
INP — se risponde
Quanto tempo impiega la pagina a reagire in modo visibile dopo un tocco o un clic. Punta a meno di 200 ms. Quasi sempre è JavaScript che occupa il thread principale: un pacchetto grande in fase di analisi, un tag di terze parti, uno script di statistiche che lavora a ogni scorrimento.
CLS — se si sposta
Di quanto si sposta l'impaginazione dopo il disegno. Punta a meno di 0,1. L'elenco delle cause è corto: immagini senza dimensioni, pubblicità e contenuti incorporati senza spazio riservato, e un font web che subentra con un corpo diverso.
Misura su una pagina vera
npx unlighthouse --site https://yourdomain.com # every page
# or one page, in Chrome: DevTools > Lighthouse > MobileLaboratorio e campo sono due cose diverse
Lighthouse è una simulazione sulla tua macchina. Quello che usano i motori di ricerca è ciò che hanno vissuto i visitatori veri nell'ultimo mese, telefoni vecchi e connessioni scadenti compresi. Un punteggio di laboratorio perfetto con dati sul campo scarsi significa che i tuoi visitatori non stanno usando il tuo hardware.