Migliorare la velocità del negozio online

Diversi fattori influiscono sulla velocità del negozio online e alcuni di questi possono essere gestiti.

Se non conosci la performance attuale del tuo negozio online, puoi visualizzare il report sulla Velocità del negozio online.

Fattori al di fuori del tuo controllo

Dispositivo, rete e posizione del cliente

I clienti che visitano il tuo negozio vivono in tutto il mondo e dispongono di diversi dispositivi e connessioni Internet. Questo significa che il tuo negozio potrebbe caricarsi più rapidamente o più lentamente, a seconda di questi fattori.

Se un cliente ti contatta in merito alla velocità del negozio, chiedigli se dispone della versione più recente del browser, se ha recentemente cancellato la cache e se il suo provider di servizi internet non sta riscontrando interruzioni o una riduzione delle performance.

Infrastruttura Shopify

Shopify ospita il tuo negozio online su server globali veloci e non limita la larghezza di banda del negozio. Puoi controllare lo stato del negozio Shopify su Stato di Shopify.

Di seguito sono riportate alcune funzionalità che influiscono sulla velocità del tuo negozio online.

Content Delivery Network (CDN)

CDN sta per Content Delivery Network. Shopify fornisce ai merchant una CDN di livello internazionale gestita da Fastly, che garantisce che il tuo negozio online si carichi rapidamente in tutto il mondo. Puoi controllare lo stato della CDN sulla pagina di stato Fastly.

Cache del browser locale

Il tuo negozio memorizza nella cache o salva alcuni elementi temporaneamente nell'archiviazione locale del cliente. La prossima volta che il cliente visita il negozio online, il browser può caricare risorse dalla cache anziché inviare un'altra richiesta al server.

Shopify imposta a un anno per ciascun file la memorizzazione nella cache del browser per le risorse memorizzabili nel negozio. I file che possono essere memorizzati nella cache includono file immagine, PDF, file JS e file CSS.

Cache della pagina lato server

Oltre alla cache del browser locale, Shopify memorizza nella cache le pagine lato server. La prima volta che viene caricata una pagina, il caricamento potrebbe essere più lento, ma successivamente si velocizza perché i clienti ricevono una copia memorizzata nella cache.

Le risorse all'interno del tag Liquid content_for_header

Il tag Liquid {% content_for_header %} inserisce risorse utilizzate da diverse funzionalità del negozio online, tra cui analisi delle performance e funzionalità opzionali come i pulsanti di check-out dinamico. Il caricamento di questo tag e delle risorse correlate incide sulla velocità del tuo negozio. Shopify sta ottimizzando il tag e le sue risorse per renderlo più veloce.

Fattori che puoi controllare

Di seguito sono riportati alcuni fattori che possono influire sulla velocità del tuo negozio online e come risolverli.

App

Quando aggiungi app per modificare la funzionalità o l'aspetto del negozio online, viene aggiunto codice al tema in modo che possano essere eseguite. Alcuni codici possono essere rimossi o ordinati di nuovo per migliorare le performance del negozio online. Se non utilizzi un'app, puoi rimuoverla.

Se ritieni che un'app stia rallentando il tuo negozio, procedi come segue:

Temi

I temi sono composti da codice Liquid, HTML, CSS e JavaScript. Quando modifichi o personalizzi i temi, le dimensioni dei file possono aumentare e influire sulla velocità del negozio.

Se ritieni che qualcosa nel tema stia rallentando il negozio, procedi come segue:

Funzionalità del tema o dell'app

Alcune funzionalità, quando abilitate, potrebbero influire sulla velocità del negozio. Ad esempio, alcuni pop-up di visualizzazione rapida pre-caricano le informazioni provenienti da ogni pagina di prodotto quando viene caricata una pagina di collezione. Il caricamento di dati aggiuntivi che i clienti non utilizzano può influire sulla velocità del tuo negozio senza dare un reale valore aggiunto.

Se ritieni che una funzionalità stia rallentando il negozio, puoi procedere come segue:

Codice Liquid complesso o inefficiente

Puoi modificare quasi interamente il Liquid utilizzato per il rendering del negozio. Esistono modi efficienti e inefficienti per scrivere il codice Liquid. Eseguire operazioni complesse ripetutamente può aumentare il tempo di rendering del Liquid e questo influisce sulla velocità complessiva del negozio.

Ad esempio, se desideri ordinare i prodotti in una collezione in base al prezzo, devi eseguire questa operazione prima di riprodurre a ciclo continuo i prodotti nella collezione e non come parte del codice del ciclo. Ciò è dovuto al fatto che l'ordine dei prodotti non cambia per ciascun prodotto e il calcolo dell'ordine dei prodotti allunga i tempi di elaborazione della richiesta.

Se temi che il tuo codice non sia ottimizzato, puoi procedere come segue:

Immagini e video

Le immagini di dimensioni eccessive e quelle nascoste alla vista possono interferire con il caricamento di altre parti più importanti di una pagina. Se gli utenti devono attendere il caricamento di immagini di grandi dimensioni, possono percepire il negozio come lento.

Shopify ti impedisce di sovraccaricare il negozio online con immagini o video. Per esempio:

  • Sulla una pagina di collezione non possono essere presenti più di 50 prodotti o 25 sezioni sulla home page.
  • Molti temi posticipano il caricamento delle immagini che non sono attualmente sullo schermo.
  • Molti temi caricano anche una dimensione specifica di immagine in base alle dimensioni dello schermo in cui viene visualizzata.

Tuttavia, queste tutele non impediscono completamente alle immagini o ai video di influire sulla performance del negozio online.

Se ritieni che le immagini stiano rallentando il negozio, procedi come segue:

  • Consulta la guida all'ottimizzazione delle immagini.
  • Mantieni le presentazioni di hero image sulle 2-3 slide oppure utilizza una hero image.
  • Consulta lo sviluppatore del tuo tema per ottenere consigli sul modo migliore per usare le immagini con il tema.
  • Contatta un Esperto Shopify per ricevere ulteriore assistenza.

Strumenti per la risoluzione dei problemi

Di seguito sono riportati alcuni strumenti che puoi utilizzare per conoscere la velocità del negozio online.

Lighthouse

Il report Velocità del negozio online di Shopify utilizza Lighthouse per misurare la velocità del negozio. Puoi eseguire il tuo report Lighthouse con Google PageSpeed Insights per visualizzare metriche più dettagliate relative alle pagine del negozio. Per maggiori informazioni su queste metriche, consulta la documentazione sui punteggi delle performance di Google Lighthouse. Puoi anche contattare un esperto Shopify che ti aiuti a capire le metriche e ti suggerisca miglioramenti.

Analisi temi per Chrome di Shopify

L'Analisi temi per Chrome di Shopify è uno strumento di profiling che utilizza un grafico a fiamma per mostrare le performance di rendering Liquid. Questo strumento ti aiuta a identificare le righe di codice che rallentano le pagine nel negozio online. Maggiori informazioni su come utilizzare l'Analisi temi di Shopify.

Ricevere assistenza

Se utilizzi un tema gratuito di Shopify, l'Assistenza Shopify potrebbe aiutarti a migliorare le performance di base.

Se usi un tema di terze parti e hai bisogno di assistenza, contatta lo sviluppatore del tema o un esperto Shopify.

Se disponi di un team di sviluppo o di un partner di agenzia, contattalo per ulteriore assistenza.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis