Il sito si apre sul portatile dell’ufficio e sembra a posto. Poi un cliente ti dice che dal telefono ci ha messo un’eternità, oppure lo apri tu stesso con la rete mobile in un parcheggio e guardi il logo restare da solo su uno schermo bianco mentre il resto arriva con calma. Cerchi sito web lento, fai un test di velocità gratuito e ottieni una pagina di segni rossi e termini tecnici che non dicono cosa fare davvero.
Le conclusioni più comuni sono che serve un hosting migliore o che il sito va rifatto da capo. A volte una delle due è vera. Più spesso le cause sono poche, si vedono con il browser che già usi, e quelle economiche vengono prima. Un sito lento non è solo un fastidio: chi ha aspettato abbastanza da irritarsi difficilmente compila un modulo, ed è una delle ragioni più silenziose per cui un sito riceve visite ma nessuna richiesta.
Sito web lento: le cause più comuni
Le immagini sono molto più grandi dello spazio che occupano. Le foto passano direttamente dalla fotocamera o da una banca immagini alla pagina, con una larghezza diverse volte superiore a quella del riquadro in cui stanno, e il browser scarica l’intero file prima di rimpicciolirlo. Il segnale: la struttura della pagina compare subito, ma le foto si riempiono una alla volta, e il sito va nettamente peggio sul telefono che su un computer collegato con il cavo.
Troppi plugin, widget e script. Un sito su un CMS o su un builder accumula componenti aggiuntivi negli anni: uno slider, una chat, diversi tag di analytics, il banner dei cookie, un modulo di prenotazione che nessuno usa più, un video in riproduzione automatica nella testata. Ognuno carica il proprio codice prima che la pagina si stabilizzi. Il segnale: la pagina continua a lavorare molto dopo che il testo è visibile, i pulsanti per un attimo non rispondono e l’impaginazione salta man mano che arrivano i pezzi.
Il server risponde lentamente. Prima che compaia un solo elemento della pagina, il browser aspetta il server. Un hosting condiviso economico, un CMS che ricostruisce ogni pagina da zero a ogni visita perché la cache è disattivata, o un database cresciuto per anni si manifestano tutti allo stesso modo: uno schermo bianco per un momento, poi tutto insieme.
Il visitatore è lontano dal server. Un sito ospitato in un paese e visitato da un altro perde tempo per la sola distanza; sembra veloce a casa e lento all’estero, e a casa nessuno se ne accorge. Il segnale: le lamentele arrivano da una zona precisa.
Qualcosa nella pagina blocca tutto il resto. Un font che deve essere scaricato prima che si possa disegnare qualsiasi testo, una mappa incorporata in ogni pagina, uno script che aspetta un servizio esterno in una giornata storta. Il segnale: il sito va bene certi giorni e male altri, oppure resta bianco finché non compare un elemento in particolare.
Come capire qual è il tuo caso
Tutto quello che segue si fa con un telefono, un portatile e gli strumenti gratuiti già presenti nel browser. Procedi in ordine: il primo controllo che fallisce di solito è la tua causa.
- Apri il sito dal telefono con la rete mobile, non con il Wi-Fi. Cronometra a spanne con un orologio, da quando tocchi il link a quando riesci a leggere e toccare, poi fai lo stesso dal portatile. Un telefono nettamente peggiore indica immagini e script pesanti.
- Guarda cosa compare per primo. Ricarica e annota l’ordine. Uno schermo bianco seguito da tutto insieme indica il server; prima il testo e poi le foto a gocce indica le immagini; l’impaginazione che salta e i pulsanti che non rispondono indicano gli script.
- Fai un solo test di velocità gratuito di un grande motore di ricerca o produttore di browser e ignora il punteggio. Leggi solo l’elenco dei file più grandi e i miglioramenti suggeriti: nominano in parole semplici immagini sovradimensionate, script inutilizzati e risposta lenta del server. Prova una pagina di servizio, non solo la home.
- Apri gli strumenti per sviluppatori del browser nella scheda rete, ricarica e ordina per dimensione. Se le voci più grandi sono file immagine molto più grandi della foto visibile, hai la tua risposta; se l’elenco contiene decine di script da domini che non riconosci, conta i plugin.
- Elenca ogni plugin, widget e tag di terze parti presente sul sito e scrivi accanto a ciascuno chi lo usa e per cosa. Nella nostra esperienza l’elenco è più lungo di quanto chiunque si aspettasse, e una parte è morta.
- Controlla il piano di hosting e l’impostazione della cache. Entra nel pannello dell’hosting e guarda cosa stai pagando e se la cache delle pagine è attiva. Se non lo sai, lo sa chi ha costruito il sito, e la domanda costa una email.
- Prova dagli altri tuoi mercati. Chiedi a un collega all’estero di cronometrare la stessa pagina, oppure usa un test gratuito che permette di scegliere la località da cui viene fatta la prova.
La soluzione, in ordine
Prima le cose meno costose. Nella nostra esperienza la maggior parte dei siti recupera gran parte della velocità nei primi tre passaggi, senza rifare nulla.
- Ridimensiona e comprimi le immagini. Esporta le foto alla dimensione che l’impaginazione usa davvero, in un formato web moderno, e sostituisci gli originali; su un CMS un plugin di ottimizzazione delle immagini elabora l’intera libreria in un solo passaggio. È la soluzione più frequente e costa un pomeriggio.
- Togli ciò che non si usa. Disattiva ed elimina ogni plugin, widget e tag per cui nessuno sa indicare un utente, unisci i tag di analytics duplicati in uno solo, sostituisci la mappa interattiva con un’immagine statica che rimanda alla mappa e carica in modo differito tutto ciò che sta sotto la prima schermata.
- Attiva la cache. Con la cache delle pagine il server consegna una copia già pronta invece di ricostruire la pagina per ogni visitatore. La maggior parte dei CMS e degli hosting la offre come impostazione o come plugin.
- Sistema gli elementi bloccanti. Carica i font in modo che il testo compaia subito con un carattere di riserva e venga sostituito dopo, rimanda gli script non necessari alla prima schermata e togli qualsiasi video dalla testata. Di solito è un’ora di sviluppatore, non un progetto.
- Avvicina il sito al visitatore. Una rete di distribuzione dei contenuti (CDN) conserva copie dei tuoi file statici in molte regioni, così chi visita da un altro paese scarica da vicino. La maggior parte degli hosting e dei servizi di dominio ne offre una; se vendi oltre confine, questo passaggio viene prima di qualsiasi cambio di hosting.
- Cambia hosting solo quando il server è dimostrato lento. Se l’attesa a schermo bianco resta anche con la cache attiva, il collo di bottiglia è il piano. Passa a un piano adeguato al traffico, non al più economico che tecnicamente funziona.
- Rifai le pagine più pesanti, non il sito. Se un template trascina decine di componenti su ogni pagina, spesso basta ricostruire le landing page principali su una struttura più leggera. Nei nostri progetti di sviluppo siti web la velocità è un criterio di rilascio, ed è il passaggio in cui una pagina viene progettata attorno a ciò che deve fare, non a ciò che il tema offre.
La velocità incide anche su come il sito viene trovato: i motori di ricerca misurano le stesse attese che sentono i tuoi visitatori, quindi le modifiche qui sopra fanno parte di qualsiasi lavoro SEO serio. E se il sito è lento da molto tempo, alcune richieste sono andate perse in silenzio; registrare da dove arriva ogni richiesta, che è il punto da cui partono i nostri progetti CRM e analytics, ti dice se la correzione ha cambiato qualcosa.
Cosa misurare
- Tempo fino a una pagina utilizzabile sul telefono con rete mobile, cronometrato a mano nello stesso modo ogni volta, una volta al mese.
- Peso della pagina e numero di richieste per le landing page principali, dalla scheda rete, prima e dopo ogni modifica.
- Tempo di risposta del server mostrato nel test di velocità, l’attesa prima che arrivi qualcosa, che dovrebbe scendere una volta attivata la cache.
- Frequenza di rimbalzo e moduli compilati sulle pagine modificate, nel tuo strumento di analytics, qualche settimana dopo la modifica a confronto con qualche settimana prima.
Dove entriamo in gioco noi
Un titolare con una serata, un’ora di sviluppatore e l’accesso all’hosting può fare tutto questo. Quello che aggiungiamo noi è l’ordine: immagini e zavorra prima dell’hosting, cache prima di un rifacimento, e una misurazione prima e dopo, così che il miglioramento sia un fatto e non una sensazione. Se preferisci affidare la diagnosi a noi, per iniziare basta un breve brief con l’indirizzo del sito e le pagine che contano di più.
