L'interazione con Next Paint diventerà ufficialmente un Core Web Vital e sostituirà First Input Delay il 12 marzo.
Il programma Web Vitals fornisce metriche per aiutare gli sviluppatori web a misurare gli aspetti chiave dell'esperienza utente sul web. Il First Input Delay (FID) rappresentava l'aspetto della reattività del programma, ma nel tempo è diventato chiaro che era necessaria una nuova metrica per acquisire aspetti dell'interattività sul web non riconosciuti da FID. Il team di Chrome ha riconosciuto questa esigenza e ha introdotto Interaction to Next Paint (INP) come metrica sperimentale a maggio 2022. L'anno scorso, l'INP è diventata una metrica in attesa e abbiamo annunciato che sarebbe stato promosso allo stato stabile a marzo 2024.
Oggi annunciamo che la FID diventerà ufficialmente una metrica di Segnali web essenziali e sostituirà FID il 12 marzo di quest'anno e che FID verrà ritirato in questa transizione.
In questo post vengono offerti consigli dal team di Chrome su come prepararsi a questo cambiamento e su cosa aspettarsi una volta che le modifiche diventano effettive.
Come posso prepararmi?
Il primo passaggio di questa transizione consiste nel capire se l'INP del tuo sito web supera il "buono" di sicurezza. A tutti i Core Web Vitals viene assegnato un punteggio in base al loro rendimento sul campo al 75° percentile di tutti i caricamenti di pagine.
Il modo più semplice per controllare le prestazioni del tuo sito web su INP è utilizzare PageSpeed Insights, che mostra i dati del Report sull'esperienza utente di Chrome (CrUX). CrUX è il set di dati ufficiale del programma Web Vitals e potrebbe essere una potenziale fonte di dati sul campo per il tuo sito web.
Un'altra fonte di dati sul campo può provenire da un fornitore di Real User Monitoring (RUM), che osserva anche le prestazioni del tuo sito web sul campo. Se collabori con un provider RUM, chiedi informazioni sul suo supporto INP.
Se noti che l'INP del tuo sito web rientra nella categoria "da migliorare" o "scadente" , abbiamo preparato diverse risorse per aiutarti a migliorarla, a cominciare da come diagnosticare e risolvere i problemi di INP:
Una volta individuato il problema, puoi utilizzare le seguenti guide per individuare gli aspetti dell'interazione su cui eseguire l'ottimizzazione:
- Ottimizza le attività lunghe se hai JavaScript che richiede molto tempo sul thread principale. Se durante il caricamento pagina si verificano molte attività del thread principale che avviano molte attività lunghe sul thread principale, potresti avere problemi con attività di valutazione degli script eccessive.
- Ottimizza il ritardo di input se le interazioni impiegano molto tempo per iniziare l'elaborazione.
- I DOM di grandi dimensioni possono richiedere molto lavoro di rendering e le interazioni spesso modificano il DOM. È meglio evitare layout complessi e grandi e il thrashing del layout e ridurre al minimo le dimensioni del DOM dove possibile.
- Se hai selettori CSS complessi, anch'essi possono causare un notevole lavoro in risposta alle interazioni degli utenti.
- Infine, se il tuo sito web esegue il rendering di gran parte del codice HTML sul client tramite JavaScript, è importante sapere in che modo il rendering lato client del codice HTML può incidere sull'interattività.
La complessità di INP implica che ottimizzerai l'interattività in molti modi, ma ne vale la pena. Sono stati svolti diversi case study, come quelli di The Economic Times e redBus, su come la riduzione della latenza dell'interazione migliora i risultati aziendali. L'ottimizzazione di INP sul tuo sito può aiutarti a raggiungere anche i tuoi obiettivi.
Cosa succederà una volta che INP diventerà un Core Web Vitals?
Vale la pena ripetere che l'INP diventerà ufficialmente uno strumento di Segnale web essenziale e sostituirà FID il 12 marzo di quest'anno. Di conseguenza, la metrica FID non sarà più un Segnale web essenziale e verrà ufficialmente ritirata e rimossa dal programma.
Di conseguenza, dovresti notare delle modifiche nella documentazione FID. La documentazione storicamente importante sul FID rimarrà attiva, ma verranno aggiunte notifiche in evidenza per segnalare lo stato deprecato della FID e per fare riferimento alla documentazione INP. Altra documentazione incentrata sulla FID potrebbe essere rimossa del tutto e reindirizzata alla documentazione INP pertinente.
La metrica FID è ancora rappresentata in molti strumenti di Google, ma lo è anche INP. La metrica FID verrà rimossa da Google Search Console non appena INP diventerà un Segnale web essenziale il 12 marzo. Tutti gli altri strumenti, come PageSpeed Insights e CrUX, offriranno un periodo di ritiro di sei mesi per offrire agli sviluppatori la possibilità di aggiornare il loro codice.
Infine, in caso di domande su cosa comporta l'inclusione di INP nel Segnali web essenziali per la Ricerca Google, consulta il post dell'annuncio dell'INP su Google Search Central.
La strada da percorrere
L'inclusione di INP in Core Web Vitals è stata pianificata con attenzione negli ultimi due anni e rappresenta un significativo passo in avanti. Riteniamo che l'approccio olistico di INP alla reattività sul web aiuterà gli sviluppatori a valutare e migliorare meglio questo importante aspetto dell'esperienza utente e a rendere il web più reattivo nel tempo. Poiché INP diventerà una metrica di Core Web Vitals il 12 marzo, ci auguriamo che gli sviluppatori abbiano questo tempo per comprendere e ottimizzare il proprio rendimento INP.
Come sempre, in caso di domande o dubbi, saremo lieti di ricevere il tuo feedback all'indirizzo web-vitals-feedback@googlegroups.com in merito a INP, FID o qualsiasi altra metrica del programma Web Vitals.