Perché la Velocità del Sito Uccide il Tuo SEO

Iniziamo da ciò che mostrano le evidenze. Secondo lo studio di Google del 2016 “The Need for Mobile Speed”, il 53% delle visite da mobile viene abbandonato se una pagina impiega più di 3 secondi a caricarsi. Le pagine più lente tendono anche a convertire peggio. E Amazon e altri grandi rivenditori trattano il tempo di caricamento come una questione diretta di ricavi.

Il tuo sito web non è Amazon. Ma la logica si ridimensiona proporzionalmente. Se il tuo sito guadagna € 10.000/mese e si carica lentamente, una parte di quel fatturato se ne va. Non perché il tuo prodotto sia male. Non perché il tuo marketing sia sbagliato. Perché le persone hanno cliccato il pulsante indietro prima che la tua pagina finisse di caricarsi.

La velocità non è una cosa da avere opzionalmente. Dal 2021, Google ha reso Core Web Vitals un fattore di ranking. I siti lenti si posizionano più in basso. E la ricerca di Google collega tempi di caricamento più lenti a una maggiore probabilità che i visitatori se ne vadano.

Core Web Vitals: Le Tre Metriche Che Google Effettivamente Misura

Google non misura solo "velocità" come un singolo numero. Traccia tre metriche specifiche, e ognuna racconta una storia diversa sull'esperienza del tuo utente.

LCP (Largest Contentful Paint) — Quanto tempo fino a quando il contenuto principale è visibile. Obiettivo: sotto 2,5 secondi. Questo misura quando l'elemento più grande sulla pagina (di solito un'immagine hero o blocco di titolo) finisce di renderizzarsi. Se la tua immagine hero è un JPEG non compresso di 3MB, il tuo LCP sarà terribile.

INP (Interaction to Next Paint) — Quanto velocemente la tua pagina risponde ai clic, tocchi, e input da tastiera. Obiettivo: sotto 200 millisecondi. Questo ha sostituito FID (First Input Delay) a marzo 2024. Misura il ritardo completo tra un'azione dell'utente e la risposta visiva. I framework JavaScript pesanti e gli script di terze parti sono i soliti colpevoli.

CLS (Cumulative Layout Shift) — Quanto la pagina si muove mentre carica. Obiettivo: sotto 0,1. Conosci l'esperienza: stai per toccare un link e un annuncio si carica sopra, spingendo tutto giù. Questo è layout shift. È frustrante, e Google lo penalizza.

Come Controllare la Tua Velocità Attuale

Prima di correggere qualsiasi cosa, misura. Ci sono due strumenti gratuiti che dovresti usare:

Google PageSpeed Insights (pagespeed.web.dev) — Inserisci il tuo URL e ottieni punteggi sia per mobile che desktop, più raccomandazioni specifiche. Presta attenzione alla sezione "Opportunità" — ti dice esattamente cosa ti sta rallentando e stima i risparmi di tempo.

Google Search Console — Sotto "Core Web Vitals" nel menu sinistro, vedrai quante delle tue pagine superano o non superano le soglie di Google. Questo usa i dati utenti reali dai browser Chrome, quindi riflette l'esperienza dei visitatori effettivi, non un test di laboratorio.

Un punteggio di 90+ su PageSpeed Insights è buono. 50-89 ha bisogno di lavoro. Sotto 50 significa che stai attivamente perdendo clienti e posizioni di ranking.

Le Correzioni Che Fanno la Maggior Differenza

Ecco le ottimizzazioni classificate per impatto. Inizia dall'alto.

1. Ottimizza le tue immagini (la vittoria più grande per la maggior parte dei siti)

Le immagini sono di solito la parte più pesante di una pagina. La soluzione è semplice:

• Converti le immagini in formato WebP o AVIF. Secondo il WebP Compression Study di Google, i file WebP con perdita sono dal 25 al 34% più piccoli di JPEG a parità di qualità (misurata con SSIM). AVIF è di solito ancora più piccolo.
• Ridimensiona le immagini alle dimensioni effettivamente visualizzate. Se la tua immagine si visualizza a 700px di larghezza, non caricare l'originale di 4000px. Ridimensionalo a 1400px (per retina) e lascia che il browser gestisca il resto.
• Usa lazy loading per immagini sotto il fold. Aggiungi loading="lazy" a qualsiasi immagine non visibile sullo schermo iniziale. Questo significa che il browser scarica solo l'immagine quando l'utente scorre vicino ad essa.
• Usa immagini responsive con l'attributo srcset in modo che gli utenti mobile scarichino file più piccoli rispetto ai desktop.

Per molti siti web, l'ottimizzazione delle immagini da sola migliora sensibilmente LCP.

2. Riduci JavaScript

Ogni file JavaScript deve essere scaricato, analizzato, compilato ed eseguito. Ogni passo richiede tempo. E la maggior parte dei siti web carica molto più JavaScript di quanto ne abbiano bisogno.

• Rimuovi gli script che non usi. Quel widget di condivisione social che nessuno clicca? Lo strumento di analitiche che hai impostato e dimenticato? Il widget di chat che carica 400KB di codice? Controlla gli script e rimuovi tutto ciò che non è essenziale.
• Diferi gli script non critici. Aggiungi defer o async ai tag script che non sono necessari per il rendering iniziale della pagina. Analitiche, widget di chat, e script social possono tutti caricare dopo che la pagina è visibile.
• Usa un framework moderno saggiamente. React, Next.js, e framework simili possono essere veloci — ma solo se usi server-side rendering e code splitting. Un'app React mal configurata può inviare 500KB+ di JavaScript al browser prima che qualsiasi cosa si renderizzi.

3. Usa una CDN (Content Delivery Network)

Una CDN memorizza copie del tuo sito web su server in tutto il mondo. Quando un utente a Tokyo visita il tuo sito ospitato a Barcellona, la CDN serve la pagina da un server a Tokyo — riducendo sensibilmente il tempo di caricamento.

Opzioni CDN popolari: Cloudflare (il tier gratuito è eccellente), AWS CloudFront, Bunny.net. La configurazione richiede 15-30 minuti per la maggior parte dei siti web.

4. Abilita il caching del browser

Quando qualcuno visita il tuo sito per la prima volta, il suo browser scarica tutto: HTML, CSS, JavaScript, immagini. Il caching dice al browser di salvare quei file localmente in modo che le visite ripetute si carichino quasi istantaneamente.

Imposta le intestazioni cache per memorizzare le risorse statiche (immagini, CSS, font) per almeno 30 giorni. Il contenuto dinamico (HTML) dovrebbe avere tempi di cache più brevi — poche ore o un giorno.

5. Minimizza CSS e HTML

Rimuovi le regole CSS non utilizzate (molti siti includono molto CSS inutilizzato), minifica i tuoi fogli di stile, e inline il CSS critico in modo che il browser possa renderizzare la struttura della pagina immediatamente.

Strumenti come PurgeCSS o la scheda Coverage in Chrome DevTools ti mostreranno esattamente quali regole CSS sono inutilizzate su ogni pagina.

6. Correggi il layout shift (CLS)

Il layout shift di solito viene da tre fonti:

• Immagini senza attributi width/height. Imposta sempre dimensioni esplicite in modo che il browser riservi spazio prima che l'immagine si carichi.
• Font che caricano tardi. Usa font-display: swap nel tuo CSS e precarica il file del font primario.
• Contenuto dinamico iniettato sopra il fold. Annunci, banner, e avvisi sui cookie che spingono il contenuto giù. Riserva spazio per questi elementi nel tuo CSS.

Il Divario di Velocità Mobile

La maggior parte delle persone controlla la velocità del loro sito web su un computer da ufficio con una connessione Internet veloce. Ma gran parte del traffico web è mobile, e le velocità mobile sono tipicamente più lente.

Il test di velocità di Google usa una connessione mobile simulata limitata a velocità approssimativamente 4G. Ciò che si carica in 1,5 secondi sul tuo desktop potrebbe richiedere 6 secondi su un telefono. E ricorda — secondo lo studio di Google del 2016, più della metà delle visite da mobile viene abbandonata se una pagina impiega più di 3 secondi a caricarsi.

Testa sempre la velocità mobile specificamente. Il tuo punteggio mobile su PageSpeed Insights è quello che importa di più per il SEO.

Velocità e Ricerca IA

Ecco qualcosa che la maggior parte delle persone non ha considerato: la velocità della pagina indirettamente influenza anche la tua visibilità nella ricerca IA. Perplexity, Google's AI Overviews, e Bing's Copilot favoriscono tutti le fonti che si caricano velocemente e hanno HTML pulito. Quando un crawler IA colpisce il tuo sito e impiega 8 secondi per renderizzarsi a causa di rendering pesante da JavaScript, il crawler potrebbe non aspettare — e non verrai citato.

HTML pulito, veloce, renderizzato lato server è più facile da analizzare sia per i crawler dei motori di ricerca che per i sistemi IA. I miglioramenti di velocità aiutano ovunque. Implementiamo questi miglioramenti su larga scala attraverso il nostro servizio di sviluppo software personalizzato.

Scopri di più su Performance web e ricavi: 6 casi di studio.