Principi generali
Nell'ottica di migliorare l'esperienza utente del seguente portale istituzionale, verranno nei prossimi mesi intraprese delle azioni e applicate delle modifiche volte a velocizzare il caricamento del sito.
In particolare, facendo riferimento al report prodotto da Lighthouse PageSpeed Insights, la performance del sito può essere incrementata nei seguenti punti:
- First Contentful Paint (FCP)
- È una metrica incentrata sull'utente per misurare la velocità di caricamento percepita perché segna il primo punto nella sequenza temporale di caricamento della pagina in cui l'utente può vedere qualsiasi cosa sullo schermo: un FCP veloce aiuta a rassicurare l'utente che sta succedendo qualcosa.
- Largest Contentful Paint (LCP)
- È una metrica Core Web Vital per misurare la velocità di caricamento percepita perché segna il punto nella sequenza temporale di caricamento della pagina in cui il contenuto principale della pagina è stato probabilmente caricato: un LCP veloce aiuta a rassicurare l'utente che la pagina è utile.
- Total Blocking Time (TBT)
- È una metrica di laboratorio per misurare la reattività del carico perché aiuta a quantificare la gravità di quanto non interattiva è una pagina prima che diventi interattiva in modo affidabile: un TBT basso aiuta a garantire che la pagina sia utilizzabile.
- Cumulative Layout Shift (CLS)
- È una metrica Core Web Vital incentrata sull'utente per misurare la stabilità visiva perché aiuta a quantificare la frequenza con cui gli utenti sperimentano cambiamenti di layout imprevisti: un CLS basso aiuta a garantire che la pagina sia piacevole.
- Speed Index
- Misura la velocità con cui il contenuto viene visualizzato visivamente durante il caricamento della pagina.
Azioni che verranno intraprese
Di seguito, le azioni che verranno intraprese al fine di incrementare il punteggio per ognuno dei punti sopraelencati. Il seguente piano di miglioramento dei servizi sarà completato entro il 30 giugno 2024.
- First Contentful Paint e Largest Contentful Paint
- Alcune risorse JS e CSS bloccano la prima visualizzazione della pagina. Verrà implementato il caricamento asincrono delle risorse più pesanti, e caricare solamente le risorse necessarie alla corretta visualizzazione del contenuto. Verrà inoltre implementato il caricamento lento per le immagini.
- Total Blocking Time
- Le risorse JS verranno divise per poter essere caricate un pezzo alla volta, all'occorrenza.
- Cumulative Layout Shift
- Alcune immagini non presentano gli attributi width e height. Verranno aggiunti tali attributi.
- Speed Index
- Verrà effettuato un refactor del backend per poter ottimizzare l'esecuzione del codice e di conseguenza il caricamento delle pagine web. Verrà, infine, ricreata l'infrastruttura server, incrementandone le risorse e ottimizzandone l'uso, per poter eseguire l'applicazione e i servizi associati in modo più performante.