Prima di iniziare con l'ottimizzazione della velocità del sito web 101...
Questo articolo fa parte di una serie di articoli di atmosol sull’ottimizzazione della conversione degli eCommerce, incentrati sulla velocità dei siti web. Google gli attribuisce un’alta priorità nel decidere la posizione del sito web nei risultati di ricerca. È anche noto che ha un impatto significativo sulla conversione, ma non credeteci sulla parola. Ecco alcune statistiche dei leader del settore.
- Il 53% dei visitatori di un sito mobile abbandona una pagina se impiega più di tre secondi a caricarsi (Akamai): è come perdere più della metà dei visitatori per un ritardo di 3 secondi!
- Circa il 70% delle persone afferma che la velocità di una pagina influisce sulla volontà di acquistare da un rivenditore online (UNBOUNCE).
- Migliorare il tempo di caricamento di 0,1 secondi può aumentare i tassi di conversione dell’8%.(Google/Deloitte)
- Se un sito di e-commerce si carica più lentamente del previsto, oltre il 45% delle persone ammette di avere meno probabilità di effettuare un acquisto (UNBOUNCE).
- Un ritardo di due secondi nella velocità della pagina può aumentare la frequenza di rimbalzo del 103% (AKAMAI)
- La metà dei consumatori naviga alla ricerca di prodotti/servizi sui propri smartphone, mentre solo uno su cinque completa l’acquisto utilizzando tali telefoni(Akamai Online Retail Performance Report).
- Il caricamento di una pagina web richiede in media l’87,84% in più di tempo su mobile rispetto a quello su desktop(Backlinko).
Come misurare la velocità di un sito web
Se non siete sicuri che la velocità del vostro sito sia all’altezza, potete utilizzare strumenti come Google Pagespeed Insights Speeds per testare la velocità del vostro sito. Questi strumenti forniscono un codice colore e informazioni sull’accettabilità della velocità dei vostri siti web, almeno ai fini della SEO. Ed è lecito supporre che queste siano le velocità desiderate anche dai vostri clienti.
Ottimizzare la velocità del server
L’ottimizzazione dei server di eCommerce può essere ottenuta ottimizzando la configurazione della piattaforma e ottimizzando l’infrastruttura su cui la piattaforma è installata. In questo contesto, la piattaforma e l’implementazione selezionate determinano il tipo di ottimizzazione necessaria e possibile.
Piattaforme open source
Le piattaforme open source come Magento o WooCommerce forniscono il server e il client necessari per creare un negozio. Le aziende ospitano l’infrastruttura necessaria in sede o su un server di terzi e decidono le dimensioni dell’infrastruttura in base alle proprie esigenze. In questo caso è necessario che l’azienda ottimizzi sia l’infrastruttura che le impostazioni, dando alle aziende il massimo controllo, ma anche una maggiore responsabilità.
Piattaforme SaaS per l'ottimizzazione della velocità dei siti web
Anche le piattaforme SaaS come BigCommerce e Shopify forniscono il server e il client, ma il server è ospitato dalle società della piattaforma e tutti i negozi su queste piattaforme sono ospitati su un’infrastruttura condivisa. Ciò significa che le aziende devono e possono ottimizzare solo le configurazioni e non l’infrastruttura sottostante. Potrebbe sembrare un controllo minore, ma a parte pochissimi casi, queste piattaforme offrono un livello di prestazioni molto elevato.
Di seguito sono riportate alcune configurazioni lato server comuni alle piattaforme di e-commerce per l’ottimizzazione della velocità del sito web e lato server.
Indicizzazione
La maggior parte delle piattaforme prevede impostazioni sulla frequenza di indicizzazione dei dati, in modo che le query sui dati possano essere eseguite più velocemente. Se le ricerche sembrano lente, questo potrebbe essere il primo punto da controllare.
Caching lato server per la velocità del sito di eCommerce
La cache lato server memorizza i dati comunemente richiesti sul server, in modo che non debbano essere recuperati dall’archivio dati. Software di terze parti come Redis e Varnish sono talvolta parte integrante delle piattaforme e possono essere abilitati.
Rotazione dei tronchi
Un altro motivo di rallentamento o addirittura di crash del server è l’errata configurazione dei log, sia che si tratti di log nel database sia che si tratti di log della piattaforma stessa.
Ottimizzare la latenza di rete dal server al client
Un numero significativo di ottimizzazioni sui negozi di e-commerce solitamente eseguite sono di questo tipo. L’idea è quella di ridurre il numero di richieste che il browser deve inviare al server e di ridurre le dimensioni delle risposte che vengono restituite dal server. Di seguito sono riportate alcune delle comuni ottimizzazioni di rete possibili.
Comprimere e ottimizzare le immagini
Le immagini sono di solito la parte più grande delle dimensioni dei dati che devono essere trasferiti a un sito di e-commerce. Questi possono essere compressi con uno strumento online gratuito, come Compressor.io. Questo è il modo migliore per ottenere più spazio sul vostro sito senza compromettere la qualità dell’immagine. Per ridurre le dimensioni si possono usare anche formati di immagine moderni come WebP, a seconda del supporto della piattaforma. Infine, assicuratevi che le immagini abbiano le dimensioni giuste per l’uso previsto.
Minimizzare e comprimere il codice
La minificazione riduce le dimensioni del codice eliminando i caratteri non necessari per ridurre le dimensioni. Il codice può essere ulteriormente compresso per ridurre ulteriormente le dimensioni. La maggior parte delle piattaforme supporta la minificazione e la compressione in modo immediato e questa è solo una configurazione.
Dopo l’implementazione di questa fase di ottimizzazione del sito web, si può constatare che la velocità del sito eCommerce è migliorata di molte volte.
Caricamento differito
Il caricamento dei file solo quando necessario dà all’utente del negozio la possibilità di interagire con il negozio prima che tutto sia caricato. Ad esempio, il codice che non è necessario fino a quando l’utente non esegue un’azione e le immagini che non sono immediatamente visibili sulla prima pagina possono essere differite per migliorare la velocità del primo caricamento.
Utilizzare il bundling
Il bundling è il processo di riduzione del numero di richieste al server da parte del client mediante l’invio di più file in un’unica soluzione. Un’attenta ottimizzazione del bundling in base ai modelli di utilizzo di ciascuna pagina può migliorare la velocità. Anche in questo caso, di solito si tratta di un’impostazione della piattaforma.
Utilizzare la cache del browser per migliorare la velocità del sito web
Gli store possono essere configurati in modo che il browser memorizzi nella cache alcuni dei file scaricati dal server. L’impostazione di una scadenza della cache basata sulla frequenza di modifica dei file può migliorare significativamente la velocità quando un utente visita il vostro negozio più di una volta.
Utilizzare una rete di consegna dei contenuti (CDN)
Le reti di distribuzione dei contenuti (CDN) sono utilizzate per fornire ai clienti contenuti statici e applicazioni web. Essi memorizzano copie dei vostri contenuti statici, come immagini, font, file JavaScript e fogli di stile CSS, su più server distribuiti geograficamente su Internet. Questo riduce la latenza e aumenta la velocità di distribuzione dei contenuti. A questo scopo esistono diverse reti di distribuzione di contenuti come Akamai, Verizon e Fastly.
Non dimenticate di integrare l’uso di un CDN nella vostra strategia di ottimizzazione della velocità del sito web.
Ottimizzare la velocità del client per il rendering dei contenuti
I dati recuperati dal client devono essere interpretati e visualizzati sul browser. Nel caso della maggior parte delle piattaforme che forniscono un client (o frontend) predefinito, questo si ottiene selezionando con cura i componenti aggiuntivi, come temi ed estensioni, in base alle loro prestazioni. Tuttavia, è possibile che il codice client fornito dalla piattaforma stessa rallenti il sito in alcuni scenari. Le piattaforme sono costruite per supportare un’ampia serie di funzionalità e in genere caricano le funzionalità indipendentemente dal fatto che un determinato negozio ne abbia bisogno. Se questo è necessario per il vostro negozio, potrebbe essere il momento di esplorare headless.
Se siete un’azienda alla ricerca di un partner per l’ottimizzazione della velocità del sito web, non esitate a contattarci.