Il punteggio misurato tramite estensione di Chrome “Google Lighthouse” nella pagina di compilazione di un’istanza è generalmente compreso tra 25 e 45. La variabilità è dovuta a diversi fattori:
- lo strumento stesso produce risultati significativamente differenti in base alle condizioni locali del browser (github.com/GoogleChrome/lighthouse#why-does-the-performance-score-change-so-much)
- la compilazione di un’istanza avviene nel contesto di una Single Page Application (SPA) i cui contenuti sono molto variabili in base alla complessità della pratica e dei conseguenti moduli o allegati richiesti per la sua presentazione. Una maggiore attesa iniziale è compensata da un più fluido ed armonico passaggio tra uno step e l’altro. Pur ponendo l'obiettivo di apportare migliorie in termini prestazionali, si ritiene che questa sia la strategia più consona nell’esperienza d’uso dell’utente
- l’applicazione utilizza un intrinseco sistema di cache, non governabile da Google Lighthouse, che in certi contesti viene rigenerata real time producendo risultati più bassi ma che statisticamente sono anche meno frequenti.
Il piano di miglioramento prevede di recepire, entro il 2024, i consigli riportati da Google Lighthouse maggiormente impattanti sul punteggio di ciascuna metrica. L'obiettivo è di conseguire stabilmente un punteggio superiore a 50 nella compilazione dei tipi di istanze più frequenti.
First Contentful Paint
- abilitazione della compressione del testo
- minificazione di JavaScript e CSS.
Largest Contentful Paint
- abilitazione della compressione del testo
- minificazione di JavaScript e CSS
- rimozione di JavaScript inutilizzato
- rimozione di CSS inutilizzato attraverso l’uso di file più piccoli legati al contesto della pagina in uso
- riduzione delle catene di richieste critiche.
Total Blocking Time
- caricamento differito di JavaScript.
Speed Index
Benché il report di Google Lighthouse non riporti alcuna specifica opportunità di miglioramento sarà potenziata l’infrastruttura in Cloud che ospita l’applicazione per migliorare i tempi di caricamento della pagina agendo anche su una più tempestiva elaborazione e download delle risorse.
Cumulative Layout Shift
Questa metrica non presenta segnalazioni critiche ma recependo i suggerimenti di Google Lighthouse si potrebbero ottenere significativi benefici in termini di punteggio:
- esplicitando gli attributi width e height sulle immagini
- evitando gli spostamenti causati da elementi del DOM più larghi.