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 punti seguenti:
- First Contentful Paint (FCP)
-
Cos'è? È 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.
Problema e azioni che verranno intraprese per risolverlo: 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.
Tempistiche di realizzazione: entro il 30/06/2024
- Largest Contentful Paint (LCP)
-
Cos'è? È 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.
Problema e azioni che verranno intraprese per risolverlo: 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.
Tempistiche di realizzazione: entro il 30/06/2024
- Total Blocking Time (TBT)
-
Cos'è? È 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.
Problema e azioni che verranno intraprese per risolverlo: Le risorse JS verranno divise per poter essere caricate un pezzo alla volta, all'occorrenza.
Tempistiche di realizzazione: entro il 30/06/2024
- Cumulative Layout Shift (CLS)
-
Cos'è? È 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.
Problema e azioni che verranno intraprese per risolverlo: Alcune immagini non presentano gli attributi width e height. Verranno aggiunti tali attributi.
Tempistiche di realizzazione: entro il 30/06/2024
- Speed Index
-
Cos'è? Misura la velocità con cui il contenuto viene visualizzato visivamente durante il caricamento della pagina.
Problema e azioni che verranno intraprese per risolverlo: 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.
Tempistiche di realizzazione: entro il 30/06/2024