L'interazione con Next Paint diventerà ufficialmente un Segnale web essenziale 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 è emerso chiaramente che era necessaria una nuova metrica per acquisire aspetti dell'interattività sul web diversi da FID. Il team di Chrome ha riconosciuto questa esigenza e nel maggio 2022 ha introdotto Interaction to Next Paint (INP) come metrica sperimentale. L'anno scorso, l'INP è diventata una metrica in attesa e abbiamo annunciato che l'INP sarebbe stato promosso allo stato stabile a marzo 2024.
Oggi annunciamo che INP diventerà ufficialmente un Segnale web essenziale e sostituirà FID il 12 marzo di quest'anno e che FID verrà ritirato in questa transizione.
Questo post offre consigli del team di Chrome su come prepararsi per questo cambiamento e su cosa aspettarsi una volta applicate le modifiche.
Come posso prepararmi?
Il primo passaggio di questa transizione consiste nel capire se l'INP del tuo sito web supera la soglia "buona". A tutti i Segnali web essenziali viene assegnato un punteggio in base alle loro prestazioni sul campo al 75° percentile di tutti i caricamenti delle pagine.
Il modo più semplice per verificare il rendimento 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 sui campi per il tuo sito web.
Un'altra fonte di dati sul campo potrebbe provenire da un fornitore Real User Monitoring (RUM), che monitora anche le prestazioni del tuo sito web sul campo. Se collabori con un fornitore RUM, chiedi informazioni sul suo supporto INP.
Se noti che l'INP del tuo sito web rientra nella categoria "Richiede miglioramenti" o "Scadente", abbiamo preparato diverse risorse per aiutarti a migliorarlo, iniziando con le istruzioni per diagnosticare e risolvere i problemi relativi all'INP:
Una volta individuato il problema, puoi utilizzare le seguenti guide per capire per quali parti dell'interazione devi ottimizzare:
- Ottimizza le attività lunghe se hai JavaScript che occupa molto tempo nel thread principale. Se durante il caricamento della pagina riscontri un'elevata attività del thread principale che avvia molte attività lunghe nel thread principale, potresti riscontrare problemi con attività eccessive di valutazione degli script.
- Ottimizza il ritardo di input se l'elaborazione delle interazioni richiede molto tempo.
- I DOM di grandi dimensioni possono richiedere molto lavoro di rendering e le interazioni spesso modificano il DOM. È preferibile evitare layout complessi e di grandi dimensioni e thrash di layout e ridurre le dimensioni del DOM laddove possibile.
- Se disponi di 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 della maggior parte del codice HTML sul client tramite JavaScript, è importante sapere in che modo il rendering dell'HTML lato client può influire sull'interattività.
La complessità di INP implica che ottimizzerai per l'interattività in molti modi, ma ne vale la pena. Sono stati condotti diversi case study, tra cui quelli di The Economic Times e redBus, su come ridurre la latenza dell'interazione migliori i risultati aziendali. L'ottimizzazione dell'INP sul tuo sito può aiutarti anche a raggiungere i tuoi obiettivi.
Cosa succede quando INP diventa un Segnale web essenziale?
È bene ricordare che INP diventerà ufficialmente Segnale web essenziale e sostituirà FID il 12 marzo di quest'anno. Un altro risultato è che FID non sarà più un Segnale web essenziale e verrà ufficialmente ritirato e rimosso dal programma.
Di conseguenza, potresti notare delle modifiche nella documentazione del FID. La documentazione storicamente importante sul FID continuerà a essere disponibile, ma verranno aggiunte note in evidenza allo stato di deprecazione del FID per lo stress e per fare riferimento alla documentazione INP. Altra documentazione incentrata sul FID potrebbe essere rimossa del tutto e reindirizzata alla relativa documentazione INP.
Il FID è ancora rappresentato in molti strumenti di Google, ma lo è anche l'INP. Il FID verrà rimosso da Google Search Console non appena INP diventerà uno dei Segnali web essenziali il 12 marzo. Tutti gli altri strumenti, come PageSpeed Insights e CrUX, offriranno un periodo di ritiro di sei mesi per dare agli sviluppatori la possibilità di aggiornare il loro codice.
Infine, in caso di domande su cosa significhi l'inclusione di INP nei Segnali web essenziali per la Ricerca Google, consulta il post di annuncio 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 passo avanti significativo. 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, portando a un web più reattivo nel tempo. Con INP impostato per diventare un Segnale web essenziale il 12 marzo, ci auguriamo che gli sviluppatori dedichino questo tempo per comprendere e ottimizzare le loro prestazioni INP.
Come sempre, in caso di domande o dubbi, ti invitiamo a inviare un feedback all'indirizzo web-vitals-feedback@googlegroups.com in merito a INP, FID o qualsiasi altra metrica del programma Web Vitals.