atmosol

Ottimizzazione della velocità del sito web 101 – Ottimizzazione della conversione del commercio elettronico

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 dell’eCommerce.
concentrandosi sulla velocità del sito web. Google gli attribuisce un’alta priorità nel decidere la posizione del sito web nei risultati di ricerca. Si sa che ha anche un impatto significativo sulla conversione, ma non prendete solo il nostro
parola. Ecco alcune statistiche dei leader del settore.

  1. Il 53% dei visitatori di un sito mobile abbandona una pagina se impiega più di tre secondi per caricarla (Akamai). È come perdere più della metà dei visitatori per un ritardo di 3 secondi!
  2. Circa il 70% delle persone afferma che la velocità di una pagina influisce sulla volontà di acquistare da un rivenditore online (UNBOUNCE).
  3. Migliorare il tempo di caricamento di 0,1 secondi può aumentare i tassi di conversione dell’8%. (Google/Deloitte)
  4. 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).
  5. Un ritardo di due secondi nella velocità della pagina può aumentare la frequenza di rimbalzo del 103% (AKAMAI)
  6. 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).
  7. Il caricamento di una pagina web impiega in media l’87,84% in più 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 o Pingdom Speed test per verificare 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.

Questi siti vi daranno anche alcune indicazioni su cosa correggere, ma vediamo nello specifico il punto di vista dell’eCommerce e le parti del negozio che potete ottimizzare. Tutti i negozi di e-commerce hanno un server che restituisce i prodotti, memorizza gli ordini, ecc. e un client che li visualizza sul browser per l’utente. Di conseguenza, sono generalmente possibili tre tipi di ottimizzazione.

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’altra ragione per il rallentamento o addirittura il crash del server è configurazione errata dei registri, sia che si tratti di registri nel database che di semplici registrazioni. dalla 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 solitamente la parte più grande delle dimensioni dei dati che devono essere trasferiti a una sito web di commercio elettronico. 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à della qualità dell’immagine. I moderni formati di immagine, come WebP, possono essere utilizzati anche per ridurre a seconda del supporto della piattaforma. Infine, assicurarsi che le immagini siano dimensione giusta 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 particolare negozio ne abbia bisogno. Se questo è necessario per il vostro negozio, potrebbe essere il momento di esplorare headless.

Condividete con noi i vostri pensieri!

Volete saperne di più? Iscriviti alla nostra newsletter!

Inoltre, se siete un’azienda di e-commerce alla ricerca di un partner per l’ottimizzazione della velocità del sito web.
Sentitevi liberi di contatto noi.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.