11 modi per ottimizzare la velocità del tuo sito e-commerce

Come attività di e-commerce, l'ottimizzazione delle prestazioni del tuo sito dovrebbe essere una delle tue principali priorità.

Questo perché le tue conversioni sono direttamente influenzate dalla velocità di caricamento delle tue pagine. I consumatori di oggi si aspettano siti incredibilmente veloci. Se il tuo negozio online è lento per qualsiasi motivo, corri il rischio di perdere clienti e, in definitiva, entrate.

In effetti, perderai il 20% dei tuoi visitatori se subiranno un ritardo di 3 secondi nel tempo di caricamento della pagina, afferma uno studio del 2016 dell'Aberdeen Group.

Quanto veloce è veloce? Secondo la società di gestione delle prestazioni digitali Dynatrace, in media, i siti Web di vendita al dettaglio globali operanti nel 2017 tra il Black Friday e il 3 gennaio erano visivamente completi e pronti per l'uso in 2,5 secondi.

Ecco alcuni modi chiave per assicurarti che il tuo sito sia ottimizzato per la velocità:

1. Limita il numero di ricerche DNS

Ogni volta che il tuo sito eCommerce si carica, il browser deve trovare l'indirizzo IP che corrisponde al tuo nome di dominio. Questa è chiamata ricerca DNS (sistema dei nomi di dominio).

Il browser deve cercare il tuo dominio principale e tutti i domini sulla tua pagina che provengono da una fonte esterna, come un feed Twitter o un video YouTube incorporato. Pertanto, ridurre il numero di query a fonti esterne sul tuo sito ridurrà al minimo le diverse ricerche DNS che il client deve effettuare, il che potrebbe ritardare il caricamento iniziale della pagina. Invece di creare collegamenti ipertestuali alle immagini, ad esempio, potresti ospitarle sul tuo server.

Potresti anche cercare un provider DNS più veloce, modificare i valori TTL (time-to-live) per sfruttare la memorizzazione nella cache DNS o spostare quante più risorse possibile su una rete di distribuzione dei contenuti (ne parleremo più avanti).

2. Investi in ricerche di hosting Web migliori

Un web hosting affidabile e veloce è un fattore critico per la velocità del tuo sito. E non tutti gli host web sono uguali. Ti consigliamo di trovare un servizio in grado di gestire grandi picchi nel traffico web e nelle transazioni (ad esempio durante il lancio di un grande prodotto o nel periodo dal Black Friday al CyberMonday).

Non c'è destino peggiore per un sito di eCommerce che essere inaccessibile ai visitatori. Un buon servizio di hosting garantirà un uptime del 99,5% o superiore. Un host premium promette tempi di attività fino al 99,99%.

Senza dubbio, vorrai la certificazione SSL e un indirizzo IP dedicato.

3. Comprimi le tue foto

Le immagini costituiscono il 50-75% del peso totale del tuo sito web, ma sorprendentemente, circa il 45% dei primi 100 siti di e-commerce non si preoccupa di comprimere le proprie immagini. Dovrebbero e dovresti. Puoi optare per una compressione senza perdita di dati che riduce le dimensioni del file senza tagliare la qualità.

Dovresti sempre impostare le dimensioni dell'immagine nel codice in modo che il browser non debba attendere il rendering completo dell'immagine prima di passare ad altri elementi della pagina. Lascerà semplicemente una casella con le dimensioni preimpostate e continuerà a lavorare sul caricamento del sito.

Comprimi le tue immagini all'interno di Photoshop o utilizza un compressore di immagini come TinyPNG o Kraken.io.

4. Dai priorità al caricamento above the fold

Poiché la parte superiore del tuo sito sarà la prima cosa che i tuoi visitatori vedranno, ha senso caricare qualsiasi cosa "above the fold" più velocemente rispetto al resto del sito web. Un altro termine per questo processo è il caricamento lento. È particolarmente utile per velocizzare i siti Web di una sola pagina e ricchi di immagini, che sono diventati una scelta di design popolare per molti marchi.

Per istruzioni su come abilitare il caricamento lento, vai qui.

5. Metti nella cache la tua pagina

Invece di costringere un utente a scaricare ogni componente di ogni pagina ad ogni visita, la memorizzazione nella cache consente agli elementi globali di essere memorizzati nella cache dal browser in modo che solo i nuovi elementi richiedano una richiesta del browser.

La memorizzazione nella cache accelera il tempo di caricamento perché gli elementi della pagina come gli indici di ricerca del sito, le informazioni sul catalogo, le informazioni sull'utente, i blocchi della barra laterale, le istruzioni di layout e i file di traduzione vengono archiviati dal browser. Questi elementi in genere rimangono gli stessi su ogni pagina, quindi non è necessario che il browser richieda queste risorse ogni volta che il visitatore fa clic su una nuova pagina.

Per abilitare la memorizzazione nella cache del browser è necessario modificare le intestazioni HTTP per impostare tempi di scadenza più lunghi per determinati tipi di file. Ecco alcuni consigli degli sviluppatori di Google.

6. Riduci le richieste HTTP

Circa l'80% del tempo di risposta del sito Web è dedicato al download di elementi per il front-end come immagini, fogli di stile, script, elementi Flash, ecc. Riducendo il numero di elementi si riduce il numero di richieste HTTP necessarie per il rendering completo della pagina .

Il modo più semplice per farlo è semplicemente rendere il tuo sito web più semplice nel design. Ma questa non è un'opzione praticabile in molti casi. Potresti usare sprite CSS e mappe immagine per combinare più immagini in un'unica immagine e, quindi, ridurre il numero di richieste di immagini. Puoi anche combinare tutti i fogli di stile in un singolo file e anche combinare tutti i CSS in un unico foglio di stile.

7. Usa la compressione Gzip

Quando un visitatore raggiunge il tuo sito, viene inviata una richiesta al tuo server per consegnare i file. Ha senso che più grandi sono i file, più tempo impiegherà per arrivare al tuo browser.

La compressione Gzip consente al tuo server di comprimere i file del sito prima di restituirli al browser, riducendo drasticamente i tempi di trasferimento. In effetti, gzip può ridurre le dimensioni di pagine e fogli di stile del 90%!

La compressione è abilitata tramite la configurazione del server web. Ogni server web avrà istruzioni diverse. Segui questo tutorial di Google per maggiori dettagli.

8. Sfrutta una rete di distribuzione dei contenuti

Se sei un'azienda di e-commerce globale con visitatori da tutto il mondo, dovresti assolutamente utilizzare una rete di distribuzione di contenuti per ottimizzare le prestazioni del tuo sito. Un CDN funziona diffondendo i nodi del server in tutto il mondo in modo che i visitatori del tuo sito possano scaricare le risorse memorizzate nella cache nel nodo più vicino a loro, migliorando l'efficienza e riducendo la latenza di caricamento.

I fornitori di CDN vantano pipe di rete più grandi, più server situati in tutto il mondo e capacità di peering di rete di quante ne possiate avere. Inoltre, hanno team dedicati che monitorano e ottimizzano costantemente la loro infrastruttura.

Selezionare il CDN giusto può essere complicato. Inizia con questa guida.

9. Minimizza il tuo codice

La minimizzazione è il processo di rimozione di tutti i caratteri non necessari come spazi bianchi e righe dal codice sorgente senza comprometterne la funzionalità, consentendo ai browser di caricare le pagine più velocemente. Il processo coinvolge file HTML, CSS e JavaScript e può fare una grande differenza nell'accelerare i tempi di caricamento. La minimizzazione riduce sia la dimensione dei tuoi file che il numero di file necessari.

Segui queste risorse per pulire il tuo codice e rendere più facile per i browser il rendering della tua pagina.

10. Usa il caricamento asincrono

Quando un browser carica una pagina, si sposta dall'alto verso il basso. Puoi velocizzare le cose consentendo il caricamento simultaneo dei tuoi script come CSS e Javascript. Questo è chiamato caricamento asincrono. Se i tuoi script vengono caricati in modo sincrono, vengono caricati nell'ordine in cui appaiono sulla pagina, il che può essere un processo più lento.

Segui questa guida per una comprensione di base di come abilitare il caricamento asincrono.

11. Monitora continuamente la velocità del tuo sito

Infine, finiremo da dove abbiamo iniziato: devi rendere le prestazioni del sito una priorità ogni singolo giorno. Ciò significa che devi monitorare costantemente il tuo sito per eventuali problemi e cercare modi per ottimizzare velocità ed efficienza.

PageSpeed ​​Insights di Google offre un ottimo strumento per analizzare la velocità del tuo sito su dispositivi mobili e desktop.

Un altro eccellente strumento per esaminare la velocità del sito è disponibile da Pingdom.

Ricorda questa regola empirica: per ogni secondo in più che impiega il tuo sito a caricarsi, perderai il 10% dei tuoi visitatori. Ahia.