Velocità del sito: cosa conta

Le tre metriche

• LCP (Largest Contentful Paint): il tempo per vedere l'elemento principale, spesso un'immagine o un titolo.
• INP (Interaction to Next Paint): quanto il sito risponde a un clic o a un tocco.
• CLS (Cumulative Layout Shift): quanto il contenuto si sposta durante il caricamento.

Un punteggio di laboratorio aiuta a diagnosticare, ma il dato che conta è quello degli utenti reali, segmentato per dispositivo e pagina.

Immagini

• Dimensioni corrette, non immagini da 4000 pixel ridotte dal CSS.
• Formati moderni come WebP o AVIF, con fallback.
• Lazy loading per le immagini sotto la piega, non per quella principale.
• Dimensioni dichiarate per evitare spostamenti.
• Nessun video pesante in autoplay nella prima schermata.

Font e CSS

• Pochi font e pochi pesi.
• Preload del font principale, se serve.
• font-display: swap o optional, con fallback leggibile.
• CSS critico in linea, il resto caricato dopo.
• Nessun framework CSS enorme per poche regole.

JavaScript

• Rimuovere script che nessuno usa.
• Caricare in differita widget, chat e tracker.
• Evitare librerie pesanti per funzioni semplici.
• Spezzare il codice e caricare solo ciò che serve alla pagina.
• Controllare i tag di terze parti: spesso sono la causa principale.

Come intervenire

Prima misura: PageSpeed Insights per il laboratorio, Search Console per i dati reali. Poi individua la pagina e il dispositivo peggiore, correggi la causa principale e rimisura.

Non ottimizzare tutto insieme: ogni modifica va verificata. A volte un widget rimosso migliora più di dieci micro-ottimizzazioni.