INP e Core Web Vitals nella pratica

Una pagina può mostrare subito il primo contenuto e reagire lentamente a un clic. La verifica delle prestazioni include quindi anche le attività successive dell’utente.

Cosa aiuta a valutare INP

INP descrive la reattività a clic, tocchi e input da tastiera. La diagnosi parte da azioni specifiche percepite come lente, non da modifiche arbitrarie al codice.

Documentazione: web.dev.

Partire da uno scenario

Aprire un menu, aggiungere un prodotto o espandere filtri può essere un test. Registriamo dispositivo, condizioni e momento del ritardo. Una singola misura non rappresenta tutti gli utenti.

Individuare il lavoro che rallenta

Analizziamo calcoli, aggiornamenti della vista e script durante l’interazione. L’intervento elimina attività inutili o ne cambia l’ordine. Un’animazione di attesa da sola non risolve la causa.

Esempio di filtro complesso

Se una scelta ricalcola più volte tutta la lista, indaghiamo la ripetizione. Dopo controlliamo velocità e correttezza. Un filtro rapido non è un successo se omette prodotti o usa dati vecchi.

Consegna e monitoraggio

Confrontiamo lo stesso scenario prima e dopo, osservando poi i dati reali disponibili. Conserviamo le condizioni di prova. Nuovi script, componenti e integrazioni vanno valutati anche per l’effetto sulle interazioni.