7 modi per ottimizzare la velocità del tuo negozio Shopify

Quasi 1/4 dei visitatori lascia il sito se impiega più di 4 secondi per caricarsi. Il 46% di questi non torna mai sul sito a causa delle scarse prestazioni del sito web. Un sito lento porta a una scarsa esperienza del cliente e allontana i clienti.

Aspetteresti mai 15 secondi solo per il caricamento del contenuto del sito Web? Lasci immediatamente il sito e cerchi altri negozi. Quindi, un sito lento ostacola il traffico del sito Web e aumenta la frequenza di rimbalzo. Entrambi hanno un impatto negativo sulla potenziale base di clienti.

La velocità del sito non riguarda solo la manutenzione tecnica. Influenza direttamente le entrate. Quindi, come fissiamo la velocità del tuo negozio Shopify? Oggi esamineremo 7 suggerimenti per ottimizzare la velocità del sito del tuo negozio Shopify.

1. Ottimizzazione dell'immagine
2. Analizza le app di terze parti
3. Implementa AMP (Accelerated Mobile Pages)
4. Scegli temi e funzionalità giusti
5. Caricatori pigri
6. Evita i pop-up
7. Riduci reindirizzamenti e collegamenti interrotti
8. Benchmark della velocità del sito del negozio Shopify

Shopify fornisce un punteggio di velocità del sito sulla dashboard stessa. Questo punteggio misura la velocità di caricamento del tuo sito in base alle metriche delle prestazioni del faro di Google. Un punteggio medio di velocità del sito Shopify è 50. Qualsiasi valore superiore a 70 è un ottimo punteggio di velocità.

Nel caso in cui il punteggio del tuo sito sia inferiore a 50, dovresti utilizzare queste tattiche per migliorare le prestazioni del sito. Oltre a questo, dovresti ottenere un aiuto professionale per sfumature tecniche come la minimizzazione di script Java e HTML o CSS e Javascript che bloccano il rendering. I siti Shopify funzionano molto su HTML, CSS, Javascript, ecc., il che rallenta il sito. Quindi, se nessuno dei suggerimenti indicati di seguito funziona, controlla i tuoi codici e il back-end del sito.

1. Ottimizzazione dell'immagine

Inizia con le basi: le immagini. Le immagini ad alta risoluzione possono rallentare la velocità del sito. E se il tuo negozio ha più immagini HD, grafica e video, il tuo sito sarà molto in ritardo. Ecco 5 modi per ottimizzare le immagini e migliorare la velocità del sito:

Carica immagini compresse

Riducono la dimensione del file e si caricano sul sito. Tuttavia, assicurati di seguire le dimensioni dell'immagine specificate per evitare immagini di bassa qualità.

Evita i cursori e opta per un layout da eroe

Solo l'1% dei visitatori passa attraverso gli slider. Quindi, invece di optare per 4-7 immagini HD, usa 1 immagine ad alta risoluzione.

Evita GIF o video.

Se il tuo prodotto richiede più immagini, scegli 3-4 immagini ad alta risoluzione. Una GIF o un video di alta qualità possono ritardare e impiegare anni per caricarsi sul sistema del visitatore.

Utilizzare un caricatore differito

Nel caso in cui non puoi fare a meno di caricare molte immagini, video o GIF, in questo caso, il sito carica solo i contenuti disponibili sullo schermo dell'utente. Quindi, finché l'utente non apre il dispositivo di scorrimento o raggiunge il video, non verrà caricato. Di conseguenza, non solo il carico di contenuto limitato, ma il sito funziona più velocemente.

Attenersi alle immagini statiche

Invece di GIF o video, salvano il carico sul sito e migliorano notevolmente la velocità.

2. Analizza le app di terze parti

L'installazione di un'app di terze parti è una pratica standard per i proprietari di negozi Shopify. Li aggiungono per migliorare le prestazioni, aggiungere funzionalità, automazione e molto altro. Tuttavia, ottenere troppe app influisce anche sul codice. Porta a bassa velocità. Così?

• Identifica le app che non servono a nessuno scopo e sono inutili.
• Disinstalla queste app. Nel caso in cui alcune funzionalità dell'app siano inefficaci, rimuovile.
• La disabilitazione delle funzionalità o la disinstallazione delle app non rimuove l'integrazione del codice. Quindi, è necessario rimuoverli manualmente.

Rimuovi le app inutilizzate. A parte questo, cerca alternative alle applicazioni che interferiscono con la velocità del sito.

3. Implementa AMP (Accelerated Mobile Pages)

Nel 2020, il 61% del traffico del sito web proveniva da dispositivi mobili negli Stati Uniti. Più della metà degli utenti controlla il tuo negozio dai telefoni. Tuttavia, il telefono impiega più tempo per caricare un normale sito Web su un PC. Quindi, l'ottimizzazione del tuo sito Web per i telefoni non è negoziabile.

Il tuo team tecnico potrebbe aiutarti con l'ottimizzazione mobile. Tuttavia, puoi aggiungere alcune app dalla directory della terza app di Shopify a DIY. App come FireAMP e Shopsheriff aiutano in AMP. Ci vuole molto tempo per configurarli. Tuttavia, in questo modo puoi toccare un pubblico molto più ampio.

4. Scegli temi e funzionalità giusti

Shopify ha una vasta libreria di temi, funzionalità e caratteri. Questi migliorano il design del tuo sito Web per renderlo attraente. Tuttavia, con ogni tema/funzione aggiuntivo, il sito rallenta.

• Assicurati di aggiungere un tema reattivo . Controlla se il tema rallenta il sito Web, quindi sostituiscilo.
• Analizza se tutte le funzionalità aggiunte vengono utilizzate o meno. Nel caso, se una funzione non ha valore, rimuoverla/disabilitarla.
• Optare per i caratteri di sistema : Mono, Serif e Sans-serif. Evita i caratteri fantasiosi che il sistema dell'utente deve prima scaricare. In questi casi, è necessario molto tempo per scaricare il carattere, caricare il carattere e caricare il sito Web. Anche se Shopify offre molte opzioni per i caratteri, attenersi ai caratteri di sistema di base funziona bene.

Tutti i temi e le funzionalità sono pesanti su CSS/HTML, il che influisce sulla velocità del sito. Sceglili con saggezza ed evita elementi non necessari.

5. Caricatori pigri

Il caricamento lento è una tecnica di ottimizzazione in cui la pagina carica solo contenuti limitati. Se l'utente si trova in una parte particolare del negozio/sito, carica solo quella parte specifica. È simile al caricamento video differito. A meno che non sia richiesto, la pagina caricherà solo gli elementi con cui l'utente interagisce.

È efficace per i negozi che aggiungono molte immagini, video, GIF e altri file pesanti. Può risparmiare un notevole tempo di caricamento e aumentare la velocità del sito.

6. Evita i pop-up

I popup sono fondamentali per le aziende per mettere in evidenza prodotti informativi o newsletter. Aiutano i contenuti specifici a essere sotto i riflettori per attirare più attenzione. Tuttavia, riducono la velocità del sito e influiscono sull'esperienza dell'utente.

• Scappa con grandi pop-up che occupano l'intera pagina. Aumentano i tempi di caricamento e portano a ritardi/blocchi del sito. Inoltre, può essere frustrante per l'utente visualizzare un pop-up che copre l'intera pagina.
• Usa i popup su pagine specifiche di alto valore. Non è necessario aggiungere popup su ogni singolo sito/pagina del negozio. Analizzare il requisito e utilizzarli di conseguenza.
• Mostra un pop-up dopo alcuni secondi in cui un utente è passato con il mouse sul tuo sito web. Un utente che entra ed esce dal tuo sito web non interagisce con il tuo pop-up. Quindi, aggiungi un pop-up dopo 7-15 secondi dall'atterraggio dell'utente nel tuo negozio. Sono più efficaci e hanno una migliore percentuale di clic.

7. Riduci reindirizzamenti e collegamenti interrotti

Un negozio può avere vari reindirizzamenti o collegamenti interrotti. Tuttavia, sono in ritardo rispetto al sito e la velocità si riduce notevolmente. Puoi risolvere questo problema direttamente tramite la dashboard di Shopify eseguendo un reindirizzamento 404.

In alternativa, puoi aggiungere un reindirizzamento 301 che porta l'utente a un nuovo URL. Inoltre, puoi rimuovere questi collegamenti con l'aiuto del team tecnico. Rimuoverebbero tutti i collegamenti interrotti e ridurrebbero i reindirizzamenti.

Oltre a tutti questi suggerimenti, puoi utilizzare Google Tag Manager per l'ottimizzazione del negozio. Migri il tuo codice allo strumento, che aiuta a caricare tutto il codice in modo asincrono insieme. Dal punto di vista tecnico, ci sono molti modi per migliorare la velocità del negozio. Potrebbe significare minimizzare l'HTML/CSS, bloccare il rendering, rimuovere codici non necessari e migrare.

Ma quanto dovrebbe impiegare in media il caricamento del tuo sito? Diamo un'occhiata ad alcuni benchmark.

8. Benchmark della velocità del sito del negozio Shopify

Una buona velocità del negozio Shopify, disponibile sulla dashboard, è superiore a 50. Ma ci sono altri strumenti che puoi implementare per controllare la velocità del tuo sito.

Un sito medio impiega circa 3,8 secondi per caricare la prima immagine e 22,1 secondi per diventare interattivo. Il tuo sito impiega più tempo? Controlla la velocità di caricamento del sito per il tuo negozio Shopify.

Ecco un grafico che mostra le medie e i migliori benchmark di velocità del negozio Shopify.

In aggiunta a questo, puoi anche controllare la velocità del tuo sito qui.

Quando si utilizzano questi siti, eseguire il test tre volte per ottenere un quadro chiaro. Usa le medie da lì in poi, ma non dipendono da un singolo test. Ciò garantisce risultati migliori e un'immagine chiara della velocità del negozio.

Domande frequenti

Qual è la velocità migliore per il negozio Shopify?

Il punteggio di velocità di Shopify si riflette sulla dashboard stessa. I negozi dovrebbero cercare di ottenere un punteggio superiore a 50. Un punteggio di velocità di 70 è considerato ottimo per il negozio Shopify.

Quali sono gli elementi più comuni che rallentano un sito Web, in particolare un sito Web Shopify?

Gli elementi più comuni che influiscono sulla velocità del negozio sono le immagini e i codici back-end pesanti. Immagini, video e GIF ad alta risoluzione richiedono tempo per essere caricati e diventare interattivi. D'altra parte, temi, funzionalità e app di terze parti aumentano il codice del sito Web, riducendo la velocità del negozio.