Secondo Google, ogni secondo di ritardo nel tempo di caricamento della pagina riduce il tasso di conversione da mobile del 20%. La velocità è ormai un elemento indispensabile sia per la SEO che per l'esperienza utente.
Ottimizzazione delle immagini
Le immagini costituiscono il 60-70% della dimensione totale della pagina sulla maggior parte dei siti. I passaggi fondamentali includono il passaggio al formato WebP (dal 25 al 35% più piccolo rispetto al JPEG), il corretto ridimensionamento (non distribuire immagini inutilmente grandi), il lazy loading (caricamento differito delle immagini esterne al viewport) e la distribuzione di immagini responsive tramite "srcset".
CSS e JavaScript
Il CSS e il JS non utilizzati devono essere rimossi (tree shaking). I file devono essere minimizzati e compressi (gzip/brotli). Le risorse che bloccano il rendering devono essere differite tramite gli attributi async o defer. Il CSS critico deve essere inserito inline.
Cache e CDN
Browser cache: TTL lungo (1 anno) per i file statici. Server-side cache: le pagine dinamiche devono essere memorizzate nella cache. CDN (Cloudflare, Fastly): i contenuti statici vengono serviti dai server più vicini all'utente, riducendo drasticamente la latenza. Anche il piano gratuito di Cloudflare fa una grande differenza.
Obiettivi Core Web Vitals
LCP (Largest Contentful Paint) < 2.5s. INP (Interaction to Next Paint) < 200ms. CLS (Cumulative Layout Shift) < 0.1. Misurate regolarmente con PageSpeed Insights e Lighthouse. L'accumulo di piccoli miglioramenti offre un notevole vantaggio di posizionamento.