Controlla l'INP dopo un clic

Controllo INP gratuito dopo un clic: Milten analizza Interaction to Next Paint, individua handler lenti, frame di animazione lunghi e script di terze parti che ritardano la risposta dell'interfaccia.

Come funziona

Come Milten controlla l'INP

Dall'URL alle attività di ingegneria: il servizio riproduce le azioni importanti della pagina, misura il ritardo fino al paint successivo e mostra le cause tecniche di una scarsa reattività.

01 · URL

Inserisci un URL con azioni importanti

Controlla un modulo, un catalogo, un carrello, un checkout, un menu o un'area account. Milten apre la pagina in un browser e applica la regione, la rete e il dispositivo selezionati.

SSLhttps://your-site.com

02 · SCENARIO

Verifichiamo gli scenari interattivi

Clic, tap e input che creano un ritardo evidente compaiono nel report: ritardo di input, JavaScript sincrono, layout/render e il paint successivo.

Analisi42%

03 · PIANO

Ottieni le cause e un ordine di correzione

Il report raggruppa i problemi per impatto: cosa farà rispondere rapidamente l'interfaccia, dove serve un refactoring dell'handler e cosa può restare nel backlog delle prestazioni.

Suddividi l'handler del checkoutP1

Mostra un feedback prima dei calcoliP2

Isola il widget della chatP3

Cos'è l'INP

L'INP è la pausa tra un'azione e la risposta visibile della pagina

La metrica non riguarda la velocità di caricamento della pagina, ma la rapidità con cui ha risposto dopo un clic, un tap o un input. Questo rende l'INP particolarmente importante per moduli, filtri, carrelli, menu, ricerca e aree account.

Esempio di interazione

Come un clic diventa INP

Il browser deve ricevere l'evento, eseguire l'handler, ricalcolare l'interfaccia e mostrare il frame successivo. L'INP misura l'intero percorso.

Dettaglio eventi

INP di esempio386ms

Ritardo di input58msl'evento attende il thread principaleHandler JS178msvalidazione, ricalcolo dello stato, logica sincronaLayout / rendering83msil browser ricalcola DOM e stiliPaint successivo67msil nuovo frame raggiunge finalmente lo schermo

FAQ

Domande frequenti sui controlli INP

Risposte brevi su Interaction to Next Paint, Core Web Vitals, SEO e ottimizzazione pratica dell'interfaccia.

Cos'è l'INP e perché è importante?

L'INP è la metrica dei Core Web Vitals per la reattività dell'interfaccia. Indica quanto tempo passa tra un'azione dell'utente e la successiva risposta visiva della pagina. Un buon valore è fino a 200 ms al 75° percentile.

Come posso controllare gratuitamente l'INP del mio sito web?

Incolla l'URL nel modulo qui sopra, scegli un profilo mobile o desktop e fai clic su “Controlla INP”. Milten apre la pagina in un browser, verifica gli scenari interattivi e mostra ritardi, frame di animazione lunghi e raccomandazioni iniziali.

In cosa l'INP è diverso dal TBT?

Il TBT è un segnale di laboratorio per il blocco del thread principale durante il caricamento. L'INP valuta le interazioni reali degli utenti dopo il caricamento della pagina: clic, tap, input e il paint successivo.

Cosa devo fare con un INP scarso?

Prima individua l'interazione specifica con il contributo maggiore: un pulsante, un filtro, un modulo, un menu o un checkout. Poi verifica attività lunghe, handler sincroni, lavoro di render non necessario, reflow forzato e script di terze parti.

Quanto dura l'analisi INP?

Un controllo rapido richiede di solito meno di un minuto, ma i tempi esatti dipendono dalla regione selezionata, dal profilo di rete, dalla limitazione della CPU e dal numero di scenari interattivi. Per conclusioni stabili, confronta più esecuzioni nelle stesse condizioni.

Servizi correlati

Cosa controllare dopo l'INP

Una volta individuato un ritardo, verifica le cause vicine: bfcache, perdite di memoria, bundle JavaScript e velocità complessiva della pagina.

Cache Back / Forward

Controlla se le pagine entrano nella bfcache del browser. Vedi i bloccanti: unload, listener di eventi e transazioni IndexedDB aperte.

Controlla

Velocità di caricamento

Controlla Web Vitals e le metriche chiave di velocità. Lo scanner esegue due passaggi: mobile e desktop, poi restituisce un piano di correzioni prioritizzato.

Avvia scanner

Validazione HTML

Verifica struttura della pagina, validità, semantica e meta tag obbligatori.

Apri

Accessibilità (a11y)

Audit WCAG: contrasto, testo alternativo, landmark, attributi aria e navigazione da tastiera. Include correzioni ed esempi.