Piano di miglioramento del sito

Metriche oggetto del piano di miglioramento

First contentful paint

Ottimizzazione delle risorse fondamentali per il caricamento dei primi elementi della pagina.

Tempistiche previste: quarto trimestre 2024.

Time to interactive

Riduzione delle dimensioni delle risorse statiche.

Tempistiche previste: quarto trimestre 2024.

Speed index

Riduzione delle dimensioni delle risorse statiche.

Tempistiche previste: quarto trimestre 2024.

Total blocking time

Riduzione delle dimensioni delle risorse statiche.

Tempistiche previste: quarto trimestre 2024.

Largest contentful paint

Ottimizzazione delle immagini.

Tempistiche previste: quarto trimestre 2024.

Cumulative layout shift

Miglioramento della gestione degli spazi durante il caricamento della pagina.

Tempistiche previste: quarto trimestre 2024.

Ambito di intervento

I test vengono effettuati con Google Lighthouse e con l’App di valutazione dell’adesione ai modelli.

Le criticità maggiori sono state riscontrate soprattutto per le metriche Time to Interactive, 
Speed Index, Total Blocking Time, Largest Contentful Paint, Cumulative Layout Shift.

I fattori principali su cui si concentreranno i lavori per l’ottimizzazione delle performance sono la riduzione delle dimensioni delle risorse statiche JavaScript e CSS e del codice non utilizzato.

Interventi da effettuare

Pubblica immagini in formati più recenti

Riduci il JavaScript non utilizzato

Obiettivo: LCP.

Effettuare code-splitting e lazy loading accurato del codice JavaScript del sito.

Usa HTTP/2

Configurare in HTTP/2 gli host dei feed remoti.

Elimina le risorse di blocco della visualizzazione

Obiettivo: LCP, FCP.

Alcune risorse bloccano la prima visualizzazione della pagina. Bisogna pubblicare le risorse JS/CSS fondamentali incorporate e rimandare tutte le risorse JS/styles non fondamentali.

Riduci il CSS non utilizzato

Obiettivo: LCP, FCP.

Effettuare code-splitting del codice CSS del sito.

Usa immagini di dimensioni adeguate

Precollegati alle origini necessarie

Obiettivo: LCP, FCP.

Aggiungere hint delle risorse `preconnect` o `dns-prefetch` per collegamento anticipato a importanti origini di terze parti.

Assicurati che il testo rimanga visibile durante il caricamento dei caratteri web

Obiettivo: LCP, FCP.

Usare la funzionalità CSS font-display per assicurare che il testo sia visibile agli utenti durante il caricamento dei caratteri web.

L'immagine Largest Contentful Paint è stata caricata tramite caricamento lento

Gli elementi immagine (loghi) non hanno width e height esplicite

Obiettivo: CLS.

Minimizza il lavoro sul thread principale

Obiettivo: TBT.

Ridurre il JavaScript e CSS non utilizzato.

Pubblica le risorse statiche con criteri della cache efficaci

Alcuni script esterni non hanno configurato un tempo per la memorizzazione nella cache per le visite abituali alla pagina.

Evitare DOM di dimensioni eccessive

Obiettivo: TBT.

Rivalutare la complessità del DOM dei blocchi che compongono le pagine più complesse come la home page.

Riduci il tempo di esecuzione del codice JavaScript

Obiettivo: TBT.

Ridurre il JavaScript non utilizzato.

Evita payload di rete enormi

Obiettivo: LCP.

Ridurre la dimensione di immagini (principalmente banner) e script da servizi esterni.