Pagine web sempre più performanti, la nuova versione di questo strumento con nuove audit su PageSpeed Inside

Lighthouse 10 introduce delle novità molto interessanti che riguardano l’usabilità della dashboard e importanti miglioramenti tecnici.

A febbraio è stata rilasciata la versione 10 di Lighthouse che permette di analizzare ancor meglio un sito rispetto alle versioni precedenti e fornisce tanti consigli utili per migliorare la user experience dei visitatori.

Lighthouse è lo strumento che viene utilizzato per analizzare e migliorare la qualità delle pagine web, fornisce informazioni e consigli utili su vari aspetti tra cui performance, accessibilità e SEO e può essere utilizzato sul browser, sulla pagina web PageSpeed Insights e su riga di comando.

L’ultima versione Lighthouse 10 era già disponibile da qualche settimana su linea di comando via npm (Node Package Manager, uno strumento di gestione dei pacchetti per il linguaggio di programmazione JavaScript) e su Chrome Canary, il browser utilizzato per testare tutte le novità di Chrome. Ora puoi finalmente utilizzare tutte le nuove funzionalità anche su PageSpeed Insights e su Chrome 112.

Le novità di Lighthouse 10

I miglioramenti che sono stati apportati nella versione 10 di Lighthouse riguardano principalmente gli indicatori di prestazione legati ai Core Web Vitals, che sono cambiati leggermente rispetto al passato, e l’introduzione di nuovi suggerimenti per migliorare le prestazioni del proprio sito web.

Il valore TTI (Time To Interactive, tempo trascorso dall’inizio del caricamento della pagina al momento in cui le risorse sono realmente disponibili) è stato rimosso completamente e viene data maggiore importanza al parametro CLS (Cumulative Layout Shift, il cambiamento di posizione degli elementi dal momento in cui la pagina inizia a caricarsi fino al completo caricamento). Il CLS adesso rappresenta il 25% del punteggio complessivo.

Inoltre, sono stati introdotte due nuove analisi: l’audit Back/forward cache e il controllo sulla possibilità di incollare del testo nei campi di un modulo. Questi due nuovi report potranno esserti di grande aiuto per migliorare le prestazioni del tuo sito web, aumentare il livello dell’esperienza utente e ridurre il tasso di abbandono del sito.

I nuovi audit di Lighthouse 10

La nuova analisi Back/forward cache (bfcache) controlla se il tuo sito supporta la funzionalità di caching del browser per il pulsante indietro e avanti. Viene cioè analizzato se, quando un utente clicca sul pulsante Indietro del browser, la pagina si carica rapidamente grazie corretto funzionamento della cache del browser. Se la back/forward cache non è abilitata, la pagina dovrà invece essere ricaricata completamente.

La seconda novità all’interno delle analisi riguarda invece il controllo sulla possibilità di incollare del testo all’interno dei moduli. Se questa funzionalità è disabilitata, gli utenti potrebbero incontrare maggiori difficoltà nella compilazione di un form, dato che dovrebbero inserire tutti i dati a mano senza poterli incollare. Pensa ad esempio a un codice fiscale o un numero di telefono. Lighthouse ti fornirà suggerimenti utili anche in questo caso.

Lighthouse 10 ci offre una dashboard sicuramente migliorata rispetto alle versioni precedenti. Oltre ad essere in generale più completa, pone maggiormente il focus su valori sempre più importanti per l’esperienza degli utenti.