Piano di miglioramento

Piano di miglioramento

Introduzione

La velocità di caricamento della pagina dipende dal dispositivo e dal punto di accesso e talvolta è lenta. Sono state quindi individuate alcune possibilità di miglioramento, descritte più dettagliatamente di seguito.

L'analisi con Lighthouse ha dimostrato che il maggiore potenziale di ottimizzazione risiede nelle metriche First Contentful Paint (FCP), Largest Contentful Paint (LCP), Total Blocking Time (TBT) e Speed Index (SI). L'obiettivo di questo piano è migliorare la velocità di caricamento e l'esperienza dell'utente attraverso l'implementazione di misure mirate conformi alle specifiche del Modello Comune e ai Core Web Vitals. Le misure si basano sulle raccomandazioni del rapporto Lighthouse e sui test ufficiali con l'AGID DTD - App di valutazione.

Metriche

Metrica Misure previste Calendario
First Contentful Paint (FCP)
  • Estrarre il CSS critico e integrarlo in linea
  • Caricare il resto del CSS in modo ritardato
  • Inoltre: introduzione di un CDN per immagini per una distribuzione più rapida
Q2–Q3 2026
Largest Contentful Paint (LCP)
  • Rendere l'immagine LCP reattiva (srcset, sizes)
  • Specificare larghezza/altezza fisse
  • Precaricare l'immagine LCP
  • Spostare CSS/JS che bloccano il rendering
Q2–Q3 2026
Total Blocking Time (TBT)
  • Ottimizzare la cache del browser per le risorse statiche (JS, CSS, font)
  • Monitoraggio del tempo di esecuzione e riduzione graduale degli script non necessari durante gli aggiornamenti
Q2–Q3 2026
Cumulative Layout Shift (CLS)
  • Rimozione del banner dei cookie
  • Caricamento dei font con font-display: swap
Q2–Q3 2026
Speed Index (SI)
  • Lazy loading per le immagini al di sotto dell'area visibile
  • Ottimizzazione dell'integrazione delle icone (solo risorse necessarie, integrate localmente)
Q2–Q3 2026

Ambito di applicazione

Le ottimizzazioni si concentrano su:

  • Riduzione delle risorse che bloccano il rendering (CSS/JS)
  • Ottimizzazione della distribuzione delle immagini (responsive, CDN, lazy loading)
  • Caching efficiente per le risorse statiche
  • Rimozione di spostamenti di layout non necessari (CLS)

Le misure si basano sui risultati del test Lighthouse del 09.01.2026 e sulle specifiche dell'Avviso 1.4.1 – Modello Comuni. I test sono stati eseguiti singolarmente per ogni pagina e inoltre con l'app ufficiale DTD – App di valutazione.

Quanto sono chiare le informazioni su questa pagina?