come velocizzare un sito web: misura, immagini, distribuzione, codice

web · 2026-10-13 · 6 min

la velocità è un imbuto: misura, immagini, distribuzione, poi codice. in quest'ordine: i primi passi prendono più guadagni con meno competenza. le soglie buone di google (75° percentile): LCP ≤2.5s, INP ≤200ms, CLS ≤0.1. la sequenza che porta un sito piccolo lì.

passo 0: misura la cosa giusta

i dati sul campo di pagespeed insights (utenti chrome reali, dove disponibili) valgono più dei punteggi da laboratorio, che mente su telefoni e reti. testa le pagine che portano soldi (home, servizio principale, contatti o checkout), prima da mobile. annota prima e dopo ogni modifica: senza misura non è successo niente. la guida di google per i proprietari spiega le cause senza gergo: parti da lì, non dai forum.

passo 1: le immagini (la fetta più grande)

ridimensiona alla dimensione di visualizzazione: 4000 pixel per uno spazio da 800 è il peccato classico. formati moderni (WebP e AVIF comprimono meglio, l'indicazione esplicita è su web.dev). comprimi (qualità intorno all'80%, differenza invisibile). carica in lazy quelle sotto la piega, priorità all'immagine principale (l'LCP è quasi sempre un'immagine: il 73% delle pagine mobile, secondo web almanac). un giro sulle immagini è il pomeriggio con il ritorno migliore della performance web.

passo 2: la distribuzione (cache, cdn, hosting)

cache (pagine già pronte invece di ricostruirle a ogni visita: plugin o hosting). cdn (contenuti in cache da server vicini, e i piani gratuiti coprono i siti piccoli). il pavimento dell'hosting (un time-to-first-byte lento accusa il server: quanto costa l'hosting). ognuno dimezza l'attesa percepita per visitatori diversi; insieme la trasformano.

passo 3: il peso (script e codice)

meno plugin, widget e font (ognuno carica su ogni pagina). rimanda il javascript non critico (spezza i task lunghi: la reattività vive qui). il peso del builder va riconosciuto: una parte non si toglie, i tetti della piattaforma sono reali. il territorio dello sviluppatore comincia qui; i passi 0-2 sono del proprietario. wordpress nel dettaglio: perché il mio sito wordpress è così lento. diagnosi generale: perché il mio sito è lento.

la versione senza sviluppatore

l'ordine non cambia — immagini, poi peso, poi distribuzione, poi codice. cambia chi fa il lavoro. se sei su un builder o su un cms che non hai scritto tu, queste sono le leve che controlli davvero.

prima le immagini, sempre. esporta alla larghezza con cui l'immagine viene mostrata, non a quella che ha prodotto la fotocamera: 1600 pixel bastano per un blocco a tutta larghezza, 800 per una scheda. su wix carica il file già compresso ed evita le gallerie che servono l'originale a piena risoluzione; su squarespace ridimensiona prima di caricare e togli parallasse ed effetti di comparsa dalle immagini grandi; su wordpress un plugin di compressione e un giro nella libreria media; su shopify comprimi ogni foto prodotto e controlla che il tema non carichi una seconda versione più grande al passaggio del mouse.

poi togli roba. ogni sezione pesa: uno sfondo video, un carosello di recensioni che nessuno scorre, una mappa incorporata in home, un feed instagram. eliminane una a settimana e guarda. su shopify disinstalla le app che non usi invece di nasconderle, perché gli script restano nel tema. su wordpress disattiva i plugin uno alla volta, così scopri quale stava facendo qualcosa.

font. ogni peso è un file. una famiglia, due pesi, e se il builder lo permette il font di sistema per il testo: è già nel telefono.

video. mai in riproduzione automatica da un file sul tuo computer. caricalo su youtube o vimeo, tieni un'immagine di copertina, lascia che sia il visitatore a premere play.

niente di tutto questo tocca il codice. tocca quello che hai caricato e quello che hai aggiunto per decorare.

faq

punteggio pagespeed perfetto: serve?

no: i dati sul campo e le metriche di business vengono prima della perfezione da laboratorio. insegui il verde sulle pagine che portano soldi, non il 100 ovunque.

un plugin che risolve tutto?

i plugin di cache aiutano molto ma nascondono le cause non risolte: prima immagini e hosting, poi la cache. il marketing del plugin magico è l'equivalente delle pillole dimagranti applicato alla performance.

come faccio a far caricare velocemente il mio sito?

parti dalle immagini: esportale alla dimensione con cui vengono mostrate e comprimile prima di caricarle. poi elimina quello che hai aggiunto per decorare — sfondi video, feed, sezioni in più — e riduci i pesi dei font a due. su shopify disinstalla le app inutili, su wordpress togli i plugin che non usi invece di lasciarli disattivati per sempre.