Aggiornamento Luglio 2023 INP Core Web Vitals

🚀 Da marzo 2024, INP (INTERACTION TO NEXT PAINT) una metrica dei Core Web Vitals fino ad oggi sperimentale diventerà fondamentale per il successo del tuo sito web.

📊 Gli Input Delay misurano il tempo di risposta del tuo sito quando gli utenti interagiscono con esso. Un INP basso indica una buona reattività e un’esperienza utente ottimale.

💡 Perché è importante prestare attenzione a questo update? Semplice! Google utilizzerà questa metrica come fattore di classifica per il posizionamento nei risultati di ricerca.

✅ Cosa puoi fare per migliorare INP? Ecco alcuni suggerimenti:

1️⃣ Riduci il carico di lavoro dei tuoi script e delle risorse di terze parti.
2️⃣ Utilizza lo script asincrono per garantire che il browser non venga bloccato.
3️⃣ Ottimizza le animazioni e le transizioni per rendere il tuo sito fluido e reattivo.
4️⃣ Assicurati che i tuoi server siano configurati correttamente per fornire una risposta rapida.

🌟 Prendi sul serio i Core Web Vitals e preparati per il cambiamento che arriverà a marzo 2024! Migliorare i tuoi Inp ti aiuterà a fornire un’esperienza utente di alta qualità e a ottenere una posizione di rilievo nei risultati di ricerca di Google.

Al Google I/O ’22, Annie Sullivan e Michal Mocny hanno introdotto una nuova metrica denominata Interaction to Next Paint, o INP.

La notizia è arrivata quasi un anno dopo che Google aveva annunciato per la prima volta che stavano lavorando a una nuova e  migliore metrica di reattività .

A quanto pare, esiste la possibilità che INP venga aggiunto a Core Web Vitals e alla fine possa sostituire First Input Delay (FID). Ma nulla è ancora confermato. 

Ecco cosa ha detto Michal Mocny a riguardo: “First Input Delay è l’attuale  Core Web Vital  per misurare la reattività. Sfortunatamente, FID ha alcuni punti ciechi abbastanza grandi. Ed è per questo che stiamo introducendo una nuova metrica di reattività sperimentale: Interazione con Next Paint. Dobbiamo ammettere che speriamo di vederlo evolvere per sostituire First Input Delay come Core Web Vital, alla fine”.

Sebbene sia ancora sperimentale, puoi già misurare l’INP del tuo sito. Ma prima devi sapere come funziona la metrica. 

Continuare a leggere!

Cos’è l’INP?

Interaction to Next Paint (INP) è una metrica di reattività del campo sperimentale che registra la latenza di tutte le interazioni durante l’intero ciclo di vita della pagina. Quindi, il ritardo più lungo da tutte le interazioni viene registrato come INP della pagina. INP può variare a seconda dell’interattività della pagina. Ad esempio, una pagina con meno di 50 interazioni in totale, INP è l’interazione con la latenza peggiore. Per una pagina altamente interattiva, INP è spesso il 98° percentile della latenza dell’interazione.

La differenza tra Interaction to Next Paint e  First Input Delay (FID)  deriva dal fatto che la nuova metrica misura tutte le interazioni, mentre FID tiene conto solo della prima. 

In parole povere, un buon FID significa che il tuo sito web ha fatto una buona prima impressione. Ma INP è più che una prima impressione. Copre l’intero periodo dall’inizio del caricamento della pagina al momento in cui l’utente lascia la pagina.

Come si calcola l’INP?

Simile a  Cumulative Layout Shift , INP viene calcolato quando l’utente lascia la pagina, misurando la reattività complessiva della pagina durante l’intero ciclo di vita. 

Le interazioni che concorrono ai calcoli dell’INP sono:

• Fare clic con il mouse;
• Toccando un dispositivo con un touchscreen;
• Premendo un tasto su una tastiera fisica o digitale.

Azioni come lo scorrimento o i movimenti del mouse non sono considerate interazioni. 

Ogni interazione è composta da più eventi. La latenza di un’interazione è costituita dalla singola durata più lunga di qualsiasi evento che fa parte dell’interazione. La durata è la somma dei seguenti periodi:

• Ritardo di input  : il tempo tra la prima interazione dell’utente con la pagina e l’esecuzione dei gestori di eventi
• Ritardo di elaborazione  : il tempo totale necessario per eseguire il codice nei gestori di eventi associati.
• Ritardo di presentazione  : il tempo tra il termine dell’esecuzione dei gestori di eventi e il momento in cui il browser presenta il frame successivo.

Che cos’è un buon punteggio INP?

Per fornire  una risposta “buona”  ai tuoi utenti, dovresti cercare di avere un INP di  200 millisecondi o meno . 

Un INP  compreso tra 200 e 500 millisecondi  indica che la reattività della tua pagina  deve essere migliorata . 

E se hai un INP di  500 millisecondi o superiore , significa che i tuoi visitatori stanno sperimentando  una scarsa reattività .

Per assicurarti di raggiungere questo obiettivo per la maggior parte dei tuoi utenti,  una buona soglia da misurare è il 75° percentile dei caricamenti di pagina , segmentato tra dispositivi mobili e desktop. Importante:  come metrica sperimentale, le soglie INP possono cambiare nel tempo man mano che la metrica viene messa a punto.

Come misurare l’INP?

Esistono diversi modi per misurare l’INP del tuo sito:

• Approfondimenti sulla velocità di pagina ;
• Rapporto sull’esperienza utente di Chrome (CrUX) ;
• Flussi utente del faro ;
• Pannello Faro in DevTools, disponibile in “Modalità intervallo di tempo”;
• Estensione Web Vitals per Chrome .

Perché non viene riportato alcun valore INP?

Il fatto che una pagina sia caricata non significa che l’utente abbia interagito con essa. Ciò può verificarsi per diversi motivi:

• L’utente ha caricato la pagina insieme a molte altre pagine e non l’ha mai utilizzata. 
• L’utente ha caricato la pagina, l’ha fatta scorrere (che non è considerata un’interazione) ma non ha mai interagito (cliccato, toccato, premuto un tasto) con essa.
• La pagina è stata visitata da un bot a cui non è stato creato uno script per interagire con la pagina. 

In questi casi non verrà riportato alcun valore INP.

Altre Metriche Core Web Vitals