Perché il tuo sito web carica lento (e cosa si risolve senza rifarlo)

Rocío ha un vivaio a Xalapa. Due mesi fa ha pagato il suo sito e il risultato era bello: foto grande dell’ingresso, le piante di stagione, l’orario, il telefono, la mappa. Le è piaciuto tanto che ha fatto scrivere il link sul cartello del marciapiede.

Quello che non ha visto è cosa succede dall’altra parte. Qualcuno cerca “vivaio a Xalapa” dal cellulare, con i dati e due tacche di segnale, fermo a un angolo. Tocca il link. Appare lo sfondo, appare il logo, e resta un rettangolo grigio dove dovrebbe andare la foto. Dopo sei secondi quel signore torna su Google ed entra nel sito successivo.

Non ha deciso che il vivaio non gli serviva: non è mai arrivato a sapere cosa vendeva. E nelle statistiche questo appare uguale a un cliente che ha letto tutto — una visita. Un sito web che carica lento è quello che impiega diversi secondi a mostrare il suo contenuto dopo che qualcuno lo apre — e quando succede questo, non perdi clienti: perdi persone che non hanno mai saputo che eri un’opzione.

Perché il mio sito si vede rapido sul mio cellulare ma lento per gli altri?

Perché il tuo cellulare mente: lo apri tutti i giorni dallo stesso telefono, attaccato al wifi del tuo negozio, e lo ha già salvato in cache. Per te si apre sempre velocissimo, anche se per un cliente nuovo con i dati mobili impiega otto secondi.

La prova vera costa un favore. Chiedi il cellulare a qualcuno che non sia mai entrato nel tuo sito —un cliente al banco, la tua vicina, tuo nipote— e che lo apra con i suoi dati, non con il tuo wifi. Tu limitati a guardare lo schermo, senza spiegare niente. Lo capirai dalla sua faccia prima ancora che appaia il tuo numero di telefono.

È l’unica diagnosi di questa lista che non puoi fare da solo.

Cosa fa caricare lento un sito web?

Quasi sempre sono le foto. La foto che esce dal tuo cellulare di solito pesa quattro o cinque megabyte. Sul tuo sito si vede in un quadratino di tre centimetri. Stai inviando un cartellone perché qualcuno lo veda delle dimensioni di un francobollo, e il cliente paga quel cartellone intero con i suoi dati prima di vedere qualcosa.

Il sito di Rocío ne ha quaranta: l’ingresso, le felci, le succulente, i vasi di terracotta, la signora che serve il sabato. Già solo dieci di quelle sono cinquanta megabyte che qualcuno deve scaricare fermo a un angolo, e la galleria le richiede tutte anche se il cliente non scorre mai fino a vederle. Nessuno si aspetta questo, tanto meno con il piano dati a fine mese.

È la parte più pesante e anche la più facile da risolvere, perché non devi togliere nessuna foto: basta solo ricaricarle più piccole.

La seconda cosa: i meccanismi che venivano col template

La seconda cosa che pesa è il meccanismo che porta il template: il carosello che cambia foto da solo, il video dell’ingresso come sfondo, le lettere che appaiono in dissolvenza quando scorri.

Nessuno ha comprato una felce per un carosello. Tutto questo sono pezzi che il cellulare deve scaricare e assemblare prima di mostrare la pagina completa, e nessuno risponde alla domanda con cui è arrivato il cliente: se apri la domenica e quanto costa un ficus.

La terza cosa: gli elementi aggiunti

La terza cosa sono gli elementi aggiunti: la chat che spunta dopo cinque secondi, la mappa incorporata che si carica da sola anche se nessuno scorre fino a lì, il riquadro delle recensioni, il banner dei cookie, i pulsanti dei cinque social network.

Ognuno richiede il suo pezzo di internet, a volte da un server di un altro paese, prima che il tuo sito finisca di caricarsi. Uno non si sente. Sei sì.

Perché i template per siti web caricano lento?

I template caricano lento perché non sono stati fatti per il tuo negozio. Sono stati fatti per sembrare impressionanti nel catalogo dove li hai scelti, e lì il carosello e le animazioni sono proprio quello che fa cliccare la gente.

Nessuno ti ha detto di togliere quello che non usi. E nella maggior parte degli editor togliere una sezione costa più lavoro che lasciarla: devi trovare il modulo e indovinare cosa si rompe se lo elimini. Quindi resta lì. Il tuo sito non è lento perché qualcuno ha fatto male il suo lavoro; è lento perché è nato con le cose di un altro negozio dentro e nessuno ha avuto tempo di toglierle.

Quando invece di scegliere un template descrivi quello che ti serve, la differenza di fondo non è il design: esce con le sezioni che hai chiesto e nient’altro. Non c’è niente da togliere perché non è mai stato messo.

Cosa ci guadagni con il template (sul serio)

Se quello che vendi si vede —piante, vestiti, cibo, unghie— delle foto grandi ben disposte vendono più di qualsiasi testo, e il template viene già costruito attorno a questo. Ci sono settori dove il carosello funziona davvero, come un salone che vuole mostrare otto prima-e-dopo. E se il tuo sito già ti funziona, rifarlo completamente solo per la velocità quasi mai ne vale la pena.

E la cosa più importante, perché non sprechi il mese sulla cosa sbagliata: un sito lento che compare su Google batte uno rapido che nessuno trova. Se non esci quando cercano il tuo settore e la tua città, non iniziare da qui.

Cosa conta più: la velocità di caricamento o l’ordine in cui appare tutto?

Conta più l’ordine in cui appare il contenuto che il tempo totale che impiega a caricare. Un sito può impiegare sei secondi a finire di caricare e sembrare rapido, se nel primo secondo si vede già il nome del negozio, l’orario e il telefono. E può impiegare tre secondi e sembrare un’eternità, se la prima cosa che arriva è una foto da due megabyte e il telefono arriva fino alla fine, sotto le testimonianze.

Nessuno sta misurando il tuo sito con il cronometro. Stanno misurando se hanno già trovato quello che venivano a cercare. Se quello arriva prima, il resto può continuare a caricare in pace.

Come risolvo il fatto che il mio sito web carica lento senza rifarlo?

Si risolve con tre cose, in questo ordine, e tutte e tre entrano in una settimana.

1. Ricarica le foto, più piccole. Molti editor hanno un’opzione per ottimizzare o comprimere le immagini; se il tuo non l’ha, ritagliale dal cellulare prima di caricarle. Inizia dalla prima foto della pagina, che è quella che blocca tutto il resto.

2. Togli quello che non usi. Prima il carosello: lascia una sola foto, la migliore. Poi il video di sfondo. Poi i pulsanti dei social dove non pubblichi dall’anno scorso.

3. Metti in alto quello che la gente è venuta a cercare. Nome, cosa fai, orario, telefono e indirizzo, nella prima schermata, con il numero toccabile per chiamare.

E se proprio preferisci ricominciare da capo

Se il sito ormai ti pesa più di quanto ti aiuta, descrivilo su Proyecta esattamente come lo vuoi:

“Un sito per il mio vivaio a Xalapa: le piante che vendo per tipo, prezzi a partire da, cure base, indirizzo con mappa, orario e pulsante WhatsApp. Che si apra velocemente con i dati mobili, senza carosello e senza video.”

Anche quest’ultima cosa si chiede a parole, come il resto. Esce pubblicato con il suo link, e se qualcosa ti è arrivato in più lo chiedi in meno.

La cosa onesta: le foto le devi caricare tu, e della dimensione giusta. Quella parte non la fa nessuno per te, né qui né su Wix.

Prima di chiudere questa scheda

Chiedi il cellulare alla prima persona che entra oggi nel tuo negozio. Apri il tuo sito con i suoi dati e conta fino a tre.

Se dopo tre secondi il tuo telefono non è su quello schermo, ora sai da dove iniziare. E ora sai che il problema non era che il tuo sito fosse brutto.