Skip to main content
tempi caricamento

Tempi di caricamento: quei secondi che valgono milioni

8 June 2021
Tempo di lettura : 
8 minuti
Lauréline Kameleoon
Lauréline Saux
Laureline is Content Manager and is in charge of Kameleoon's content. She writes on best practice within A/B testing and personalization, based on in-depth analysis of the latest digital trends and conversations with Kameleoon's customers and consultants.

Nessuno ama un sito lento. I visitatori possiedono dispositivi rapidi e non apprezzano un'attesa ingiustificata durante la navigazione sul sito.

Potrebbe non sembrare un grosso problema, ma un solo secondo di caricamento può influire sul conversion rate. Per esempio, un secondo in più di caricamento su Amazon comporterebbe una perdita di 1,6 miliardi di dollari all'anno!

tempo di caricamento vs tempo di visualizzazione

Bisogna distinguere attentamente il tempo di caricamento dal tempo di visualizzazione.

Il tempo di caricamento: rappresenta il tempo necessario per il caricamento di tutti gli elementi di una pagina. Sono interessate le dimensioni dei file e la qualità della connessione dei visitatori. Non c'è alcun controllo su come i visitatori accedono, ma si possono ottimizzare la dimensione dei file per farli caricare più velocemente.

Il tempo di visualizzazione: è il tempo necessario per visualizzare gli elementi scaricati sul browser del visitatore. Il codice del sito e il dispositivo utilizzato dal visitatore sono responsabili. Ancora una volta, non si è responsabili della qualità del dispositivo utilizzato dai tuoi visitatori (anche se bisogna assicurarsi che gli elementi del sito siano compatibili con tutti i dispositivi), ma si ha il controllo sulla qualità del codice.

1 Perché bisogna ottimizzare la velocità di caricamento del proprio sito?

Offrire un'esperienza di qualità ai visitatori

Più veloce è il caricamento del sito, maggiori sono le probabilità di trattenere i visitatori. Ciò è dovuto alla necessità di fluidità e immediatezza ricercata dai consumatori online.

 

pourcentages_temps_de_chargement

Quindi qual è il tempo di caricamento da non superare? La tendenza indica che non si dovrebbero superare i 3 secondi. Inoltre, Strangeloop segnala che un secondo di ritardo riduce le conversioni del 7%.

Sui dispositivi mobile, i requisiti sono altrettanto elevati: quasi 9 utenti su 10 si aspettano che una pagina venga caricata almeno altrettanto rapidamente sui dispositivi mobili quanto su quelli desktop. L'obiettivo è quindi ottimizzare tutti gli elementi possibili affinché i visitatori possano accedere al sito il più rapidamente possibile.

la classificazione nei motori di ricerca

La velocità di caricamento del sito è uno dei fattori che viene preso in considerazione dai motori di ricerca per classificarlo. Naturalmente, sono i siti con i migliori tempi di caricamento a essere più in alto ed è per questo che è necessario tenere conto di questo fattore.

Nell'articolo sui "Core Web Vitals" di Google sono definiti i nuovi criteri utilizzati per analizzare le prestazioni del sito.

2 Come rendere il sito più rapido?

Ciascun decimo di secondo conta. È perché l'ottimizzazione del tempo di caricamento è una tappa cruciale per i brand. Ecco qualche consiglio per migliorare le performance.

Consiglio: La parte superiore della pagina è quella che viene mostrata per prima ai visitatori. È necessario assicurarsi che gli elementi in esso contenuti vengano caricati molto rapidamente. Se gli elementi sotto la linea di galleggiamento impiegano più tempo a caricarsi, l'impatto sarà minore perché non sono le cose che si notano per prime.

SCEGLIERE UN HOSTING DI QUALITà

L'hosting del sito è un elemento molto importante e deve essere adattato alle performance del sito. Bisogna scegliere un hosting che si adatta alle prestazioni del sito. Se il traffico è debole è meglio preferire hosting condivisi o VPS, al contrario se i volumi sono importanti è meglio scegliere soluzioni più affidabili come un hosting dedicato o un cloud.

Ridurre il peso dei file di codice (CSS, JavaScript, Html)

I file di codice consentono di formattare il sito. Si può ridurre la dimensione di questi file rimuovendo gli elementi non necessari (righe vuote, spazi ecc.) per migliorare il tempo di caricamento. L'idea è trasformare i file in file zip e ridurne il peso fino al 70% senza ridurre la qualità di immagini e video.

OTTIMIZZARE LE IMMAGINI

Esistono diversi elementi da ottimizzare affinché le immagini non rallentino il caricamento del sito:

  • Le dimensioni: più pesante è un'immagine, più tempo ci vuole per caricarsi. Ci sono molte soluzioni gratuite online per ridurre le dimensioni delle immagini (Tinypng, compresspng, etc.) senza perdere qualità. Inoltre, bisogna evitare di caricare immagini larghe diverse migliaia di pixel su una pagina web larga 700 pixel.
  • La fonte: è il nome e la fonte dell'immagine.
  • Il formato: per il web è meglio preferire il formato PNG ed evitare le immagini in formato TIFF, BMP o XBM.

SFRUTTARE LA MEMORIA CACHE

La prima volta che si arriva su un sito, si devono caricare file HTML, immagini, file JavaScript, fogli di stile, ecc., prima di poter navigare correttamente. A seconda della complessità della pagina, questa operazione può richiedere molto tempo. Una volta che questi elementi sono stati memorizzati nella cache del visitatore, la pagina si carica molto più velocemente. Abilitando la memorizzazione nella cache del browser si può ridurre il numero di richieste al server e quindi caricare le pagine più velocemente.

rimuovere i plugin che non vengono utilizzati

Più plugin si accumulano sul sito, più si rischia di rallentarlo ed è per questo che bisogna identificare i plugin che servono davvero. Quando un plugin è attivato provoca il caricamento di file CSS e JavaScript. Se non vengono usati, questi file caricati senza successo rallentano ulteriormente il tempo di caricamento del sito.

evitare reindirizzamenti

Un reindirizzamento crea nuove richieste HTTP e allo stesso tempo aumenta il tempo di caricamento. Se hai un sito mobile: è possibile che tu abbia impostato reindirizzamenti per indirizzare gli utenti mobili dal tuo sito principale alla versione mobile. In questo caso, preferisci utilizzare un reindirizzamento HTTP per condurre automaticamente i visitatori alla pagina mobile, senza alcun intermediario.

Temi trattati in questo articolo
Lauréline Kameleoon
Lauréline Saux
Laureline is Content Manager and is in charge of Kameleoon's content. She writes on best practice within A/B testing and personalization, based on in-depth analysis of the latest digital trends and conversations with Kameleoon's customers and consultants.