I negozi WooCommerce lenti possono costarti in diversi modi, dall'aumento dell'abbandono del carrello alla perdita della fedeltà dei clienti. Secondo Unbounce, quasi il 70% dei consumatori afferma che la velocità della pagina influenza il loro desiderio di acquistare da un negozio online. Il problema è che la velocità dipende da numerosi fattori e il suo miglioramento può richiedere molto tempo e sforzi.
Secondo Portent, i tassi di conversione dei siti web diminuiscono in media del 4,42% per ogni secondo che una pagina impiega a caricarsi tra i secondi 0 e 5, con le pagine con tempi di caricamento tra 0 e 2 secondi che hanno i tassi di conversione e-commerce più alti.
Se la velocità di caricamento del tuo sito web è superiore a 2-3 secondi, questo articolo è ciò di cui hai bisogno. Qui troverai diversi consigli comprovati su come misurare e migliorare le prestazioni di un sito web di e-commerce.
Perché la velocità è importante?
La velocità del sito web è un elemento critico per il successo di qualsiasi impresa online, inclusi i negozi WooCommerce, per diverse ragioni:
Esperienza utente:
Gli utenti di Internet hanno in genere una soglia di attenzione breve. Tempi di caricamento lenti possono portare i visitatori ad abbandonare il tuo sito web prima ancora che si carichi completamente. Un sito web veloce, al contrario, rende la navigazione più facile, incoraggiando gli utenti a esplorare più pagine e a rimanere più a lungo.
SEO e posizionamento:
La velocità della pagina è uno dei fattori di ranking più cruciali per Google. Metriche come Largest Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS) fanno parte dei fattori di ranking di Google. I siti web più veloci hanno maggiori possibilità di posizionarsi più in alto nei motori di ricerca. Con l'aumento della ricerca da mobile, anche la velocità della pagina mobile influisce in modo significativo sulla SEO.
Efficienza dei costi:
I siti web ottimizzati e più veloci consumano generalmente meno larghezza di banda e possono comportare costi di hosting inferiori. I siti più veloci richiedono anche meno tempo e sforzi per la manutenzione.
Utenti mobili:
Con un numero crescente di utenti che accedono ai siti tramite dispositivi mobili, dove le velocità di connessione possono essere più lente, la velocità ottimizzata del sito web diventa ancora più cruciale. Il caricamento lento può essere ancora più problematico sui dispositivi mobili e portare a tassi di rimbalzo più elevati.
Portata globale:
Gli utenti di diverse regioni con velocità Internet variabili possono avere un'esperienza coerente se il tuo sito web è ottimizzato per la velocità. I siti web più veloci sono vantaggiosi se miri a un pubblico globale e utilizzi una Content Delivery Network (CDN) per servire contenuti localizzati.
Come valutare la velocità attuale del negozio?
Prima di iniziare il processo di miglioramento, è necessario determinare la situazione attuale, scoprire la velocità corrente del negozio e quali problemi potrebbero rallentare il sito. Ecco alcuni metodi e strumenti che puoi utilizzare per valutare la velocità del tuo sito WooCommerce:
Strumenti di test diretto
Questi strumenti testano direttamente le prestazioni del tuo sito web caricandolo da diverse località in tutto il mondo, simulando vari dispositivi e velocità di connessione:
- Google PageSpeed Insights: fornisce informazioni sulla velocità sia su mobile che su desktop. Fornisce anche suggerimenti per l'ottimizzazione di WooCommerce.
- GTmetrix: esegue un'analisi dettagliata che include un grafico a cascata, raccomandazioni e vari punteggi.
- WebPageTest: fornisce informazioni dettagliate come l'indice di velocità, il tempo al primo byte e altro ancora.
Strumenti per sviluppatori del browser
Queste soluzioni, integrate nei browser moderni, consentono agli sviluppatori di ispezionare, eseguire il debug e profilare i siti web:
- Chrome DevTools: utilizza le schede Rete e Prestazioni per analizzare la velocità del sito.
- Firefox Developer Tools: questi strumenti consentono agli sviluppatori di ispezionare, eseguire il debug e profilare le pagine web, aiutandoli a comprendere il comportamento e la struttura dei siti web.
Strumenti lato server
Questi strumenti possono aiutare a identificare problemi lato server che potrebbero non essere evidenti con gli strumenti di test del frontend:
- New Relic: fornisce un'analisi approfondita delle prestazioni del server, utile per individuare i colli di bottiglia del back-end.
- Analisi dei log: analizza i log del server per individuare i problemi.
Controlli basati su plugin
I plugin possono offrire un modo comodo e potente per monitorare vari aspetti delle prestazioni del tuo negozio WooCommerce direttamente dall'area di amministrazione di WordPress. Ecco alcuni approcci popolari basati su plugin:
- Query Monitor: un plugin di WordPress per verificare quali query stanno rallentando il tuo sito web.
- WP Debugging: abilita le funzionalità di debug di WordPress per verificare la presenza di problemi.
Monitoraggio utente reale
Il Real User Monitoring (RUM) è un approccio di monitoraggio delle prestazioni che cattura e analizza ogni transazione degli utenti di un sito web o di un'applicazione. A differenza dei metodi di monitoraggio sintetico, che simulano il comportamento dell'utente, il RUM raccoglie dati dalle interazioni reali degli utenti con il tuo sito.
In genere, si aggiunge un piccolo pezzo di codice JavaScript al proprio sito web, che raccoglie e invia i dati sulle prestazioni a un server per l'analisi. Questo è il modo in cui funzionano la maggior parte degli strumenti RUM, sebbene i dettagli specifici dell'implementazione possano variare. Tra gli strumenti utili per il RUM ci sono New Relic Browser, Boomerang, Akamai mPulse e altri.
14 modi per aumentare la velocità del negozio WooCommerce
Ora che conosci la velocità di caricamento attuale e quali problemi ci sono, puoi costruire una strategia di ottimizzazione. Tieni presente che probabilmente dovrai correggere diversi aspetti del sito web per ottenere un'ottima velocità del negozio WooCommerce. Inoltre, dovrai monitorare la velocità di tanto in tanto, poiché potrebbe rallentare nel tempo. Ecco alcuni consigli su come puoi migliorare le prestazioni del tuo sito:
Trova un hosting affidabile
Mentre l'opzione sbagliata può portare a clienti insoddisfatti e affari persi, il servizio di web hosting ideale per WooCommerce può garantire prestazioni impeccabili, tempi di caricamento rapidi e un uptime costante.
Ogni tipo di hosting può essere fornito con una varietà di piani con diversi punti di prezzo. Pertanto, mentre cerchi un provider di hosting nel tuo budget, considera funzionalità come la cache lato server, una larghezza di banda e una RAM adeguate alle esigenze del tuo sito, uno storage SSD ad alte prestazioni e software aggiornato, come PHP e MySQL.
Se hai un piano di hosting condiviso, significa che centinaia di siti web utilizzano lo stesso server e le sue risorse. Seleziona un host che limiti il numero di siti web consentiti su ogni server, o pensa di passare a un piano VPS o dedicato.
Ottimizza le impostazioni delle prestazioni
Per prima cosa, cambia l'URL della tua pagina di accesso. L'URL di accesso è solitamente predefinito e noto a tutti, inclusi gli hacker, il che rende i siti web suscettibili agli attacchi.
Puoi evitare gli attacchi di forza bruta da parte di attori malintenzionati cambiando il tuo URL di accesso in qualcosa di unico. Puoi anche usarlo per prevenire problemi di limitazione della velocità HTTP.
Se il tuo sito di e-commerce ha anche un blog, limita il numero di articoli che appaiono nel feed del tuo blog. Se gestisci un blog popolare, i risparmi sulle prestazioni si sommano. Queste modifiche possono essere apportate nelle impostazioni di lettura della dashboard di WordPress.
Screenshot tratto dal sito ufficiale di WordPress
Successivamente, disattiva i pingback sul tuo sito web. In genere, producono spam. WordPress ti offre anche la possibilità di dividere i commenti lunghi degli utenti in porzioni più piccole se hai molti commenti degli utenti sui tuoi articoli o pagine. Per ridurre il tempo necessario al caricamento della pagina del prodotto, mantieni questo valore tra 10 e 20.
Riconsidera l'uso di plugin ed estensioni
Esiste una pletora di plugin per WooCommerce, che offrono una versatilità illimitata. Questo non significa che devi installarli tutti, però.
Numerosi plugin aumentano la quantità di file Javascript o CSS sul tuo sito web, il che causa un maggior numero di richieste HTTP al tuo server, rallentando le operazioni della tua azienda. Inoltre, avere più plugin significa utilizzare più risorse del server, il che rallenta i tempi di caricamento.
Non importa quanti plugin utilizzi; ciò che conta è la loro qualità. Scegli plugin che possono svolgere più compiti, leggi le recensioni per conoscere le prestazioni, conferma che vengano aggiornati frequentemente e installa opzioni da fonti affidabili.
Scegli un tema e-commerce veloce
Molto spesso, quando si opta per un tema di e-commerce, i web designer scelgono l'estetica senza considerare la velocità di caricamento delle pagine. Di conseguenza, l'aspetto del frontend ha spesso la priorità sulla velocità di caricamento della pagina.
Per ottimizzare i tempi di caricamento, scegli un tema WooCommerce leggero e ottimizzato per le prestazioni. Assicurati che il tema sia reattivo e abbia un codice pulito.
Inoltre, tieni presente che molti temi ti consentono anche di disabilitare gli elementi che non stai utilizzando. Per determinare se un tema si carica rapidamente, prova a utilizzare gli strumenti di velocità per testare le pagine demo o sfoglia le recensioni lasciate dagli utenti.
Comprimi le immagini
È essenziale ridurre le dimensioni delle immagini prima di caricarle sul tuo sito web, poiché l'uso di immagini di grandi dimensioni rallenterà drasticamente la velocità di caricamento delle pagine. Per ridimensionare le immagini alla dimensione corretta per il tuo sito web, utilizza software come Photoshop, GIMP o Figma.
Le dimensioni dei file delle tue fotografie possono essere ridotte senza perdere qualità tramite la compressione. Seleziona il formato appropriato; a meno che la tua immagine non abbia uno sfondo traslucido, le immagini JPEG, che sono più piccole, sono generalmente le migliori da caricare. Fai attenzione alle dimensioni: caricare un'immagine da 2000 pixel non si adatterà a uno spazio largo solo 500 pixel. Comprimi l'immagine dopo averla elaborata: i compressori di immagini riducono le dimensioni del file rimuovendo eventuali dati e metadati superflui.
Implementa il caricamento differito (lazy loading)
Una funzionalità nota come caricamento differito (lazy loading) impedisce il caricamento delle immagini fino a quando un visitatore del sito non scorre fino al punto in cui appaiono sulla pagina. Di conseguenza, i tuoi clienti non dovranno aspettare mentre i tuoi media si caricano per poter visualizzare i tuoi contenuti. Se il tuo sito web ha molte immagini, questa strategia può ridurre notevolmente i tempi di caricamento del negozio.
Puoi installare il caricamento differito sul tuo negozio WooCommerce utilizzando i plugin di WordPress. I plugin riducono il tempo necessario per l'apertura iniziale del tuo sito web.
Distribuisci risorse statiche tramite CDN
Una rete di distribuzione dei contenuti (CDN) è una rete di server posizionata strategicamente in tutto il mondo. I punti di presenza (PoP) sono i nomi di questi siti server. La memorizzazione nella cache e la distribuzione di risorse statiche come immagini, JavaScript, CSS, ecc., è il compito principale di una CDN.
Anche se il tuo sito web è ospitato su un server molto veloce, la sua posizione avrà comunque un impatto. La latenza di rete e il tempo al primo byte (TTFB) sono entrambi ridotti grazie alla CDN, che accorcia la distanza tra ogni utente e le risorse del sito.
Seleziona automaticamente il PoP CDN più vicino per fornire le risorse memorizzate nella cache in base all'origine della richiesta. Molte CDN offrono funzionalità aggiuntive per migliorare le prestazioni oltre alla memorizzazione nella cache, come una maggiore compressione delle immagini al volo, il supporto HTTP/3, la prevenzione dell'hotlinking e una maggiore sicurezza.
Elimina script e fogli di stile non utilizzati
La maggior parte dei plugin e dei temi di WordPress carica script e fogli di stile su ogni pagina del tuo sito web. Anche quando non sono necessari sulla pagina, caricano comunque questi elementi.
Rimuovendo questi elementi non necessari dai siti web, puoi ridurre il sovraccarico della pagina e accelerare il caricamento delle pagine di WooCommerce, il che può farti risparmiare tempo nella configurazione di nuovi siti e nell'assegnazione del personale. WooCommerce è vulnerabile a questo problema, così come le sue estensioni.
Guarda il grafico a cascata nel risultato del test di velocità del tuo sito web per determinare cosa rimuovere. Ti aiuterà a identificare eventuali risorse superflue.
Per sbarazzarti di script e stili di cui non hai bisogno, utilizza wp_dequeue_script e wp_dequeue_style. Asset CleanUp: Page Speed Booster è tra i plugin che semplificano il raggiungimento dello stesso obiettivo.
Screenshot tratto dal sito ufficiale di WordPress
Passa alla cache
La cache è la memorizzazione temporanea di risorse da una richiesta in modo che le richieste future possano essere elaborate rapidamente. Sia il server che il dispositivo dell'utente sono in grado di contenere la cache.
Quando un utente effettua una richiesta per un sito web, il server DNS ottiene la pagina web dal server di hosting e l'app sul server web esegue script, cerca nel database e produce la pagina web, che viene quindi renderizzata e mostrata all'utente dal browser. Il server è sottoposto a un'enorme quantità di stress quando migliaia di visitatori effettuano più richieste contemporaneamente, il che causa il caricamento lento della pagina.
La cache entra in gioco in questa situazione. Riduce lo sforzo necessario per produrre una visualizzazione di pagina, diminuendo la dipendenza di WordPress da PHP e da un database. WordPress funziona quasi alla stessa velocità delle pagine web statiche, se non esattamente.
La cache lato server e la cache del browser sono le due categorie principali di cache online, ognuna con una varietà di sottocategorie.
Limita le revisioni
WooCommerce fornisce un controllo di revisione standard sulle pagine dei prodotti che ti consente di tornare indietro e vedere le modifiche apportate alle pagine. Sebbene le modifiche possano sembrare vantaggiose, a volte possono causare problemi di prestazioni di WooCommerce.
Ad esempio, supponiamo di creare una pagina e di modificarla più volte, aggiungendo o rimuovendo un elemento ogni volta. Hai tante copie della tua pagina originale quante sono le modifiche che hai apportato, anche se la modifica è modesta. Le prestazioni di WooCommerce potrebbero alla fine risentirne e deteriorarsi gradualmente.
È necessario apportare alcune modifiche al file wp-config.php nella radice del sito web per limitare/disabilitare le revisioni.
Pulisci il database
Ogni volta che un utente entra nel tuo sito web, richiede il contenuto del tuo sito, che è in gran parte statico. Tuttavia, effettua una richiesta dinamica quando effettua un ordine.
Se il database del tuo negozio non è ottimizzato, la gestione di queste query può richiedere troppo tempo. Un tempo di risposta lento del server si traduce in un sito web lento. Di conseguenza, è necessario eliminare i rifiuti inutili per pulire e ottimizzare il database.
Esistono diversi approcci all'ottimizzazione del database:
- Sbarazzati delle vecchie revisioni. Le pagine, gli articoli e i prodotti del tuo negozio WooCommerce saranno carichi di modifiche obsolete se è online da un po' di tempo. È ora di ripulirli. Il metodo più semplice è utilizzare plugin come WP-Sweep o WP Rocket.
- Rimuovi i transienti in scadenza. Una cache temporanea difettosa produce occasionalmente oltre un milione di voci inutili senza una fine apparente. Nel tempo, le sessioni dei clienti possono accumularsi, aggiungendo migliaia di voci extra alle tabelle del database. Un database gonfio potrebbe far crollare il tuo sito web in tali circostanze. Tutti i transienti scaduti possono essere facilmente rimossi con il plugin gratuito Delete Expired Transients.
Screenshot tratto dal sito ufficiale di WordPress
- Pulisci le tabelle del tuo database. Tutto ciò che è necessario per gestire la tua attività di e-commerce è conservato nel tuo database WooCommerce. Il tuo database diventa inefficiente e finisce per conservare molti dati non importanti quando i dati vengono aggiunti e spostati tra le tabelle. Pulire le tabelle del tuo database è fondamentale per rimuovere queste informazioni extra.
- Disabilita le funzionalità non critiche ma che tassano il database. I temi e i plugin per WooCommerce hanno molte funzionalità intelligenti che all'inizio sembrano fantastiche ma finiscono per distruggere il database. Uno degli esempi sono i plugin di compressione delle immagini, che comprimono le immagini sullo stesso server che ospita il sito web. Dovrebbero essere evitati anche i plugin che aggiungono contatori al tuo sito web, come visualizzazioni, commenti, ecc.
Esegui l'ottimizzazione per dispositivi mobili
Secondo Oberlo, il 60% degli acquirenti afferma che l'opzione di fare acquisti tramite dispositivo mobile è un criterio importante nella selezione del marchio. Pertanto, l'ottimizzazione per dispositivi mobili è assolutamente vitale.
L'utilizzo di un tema reattivo è l'approccio più semplice per adattare il tuo sito web WordPress ai dispositivi mobili. Mantieni le pagine del tuo negozio il più semplici possibile perché ai clienti mobili non piace scorrere all'infinito. Non sommergerli di informazioni.
Se la tua attività ha molti articoli in mostra, semplifica la ricerca per i clienti mobili fornendo filtri di prodotto in tempo reale. Considera l'installazione del plugin WooCommerce Product Search.
Utilizza lo strumento Lighthouse di Chrome o lo strumento Test di ottimizzazione mobile di Google per vedere se il tuo sito web soddisfa le linee guida richieste per l'usabilità mobile.
Minimizza i reindirizzamenti
Il server registra ogni clic su un link a una pagina del tuo negozio come un reindirizzamento. In sostanza, il server deve indirizzare gli utenti alla pagina corretta. Sebbene richieda solo pochi secondi, i clienti potrebbero percepirlo come un tempo lungo, influenzando direttamente il tasso di rimbalzo del tuo negozio.
Se il tuo sito web ha molti reindirizzamenti, stai utilizzando le risorse del server e prolungando il tempo necessario per raggiungere la pagina finale. Di conseguenza, ridurre i reindirizzamenti comporterà un notevole aumento del tempo di caricamento della pagina, poiché si tratta di un approccio di ottimizzazione di WooCommerce collaudato.
Aggiorna la tua versione di PHP e aumenta il limite di memoria
Ogni aggiornamento di PHP è più veloce delle versioni precedenti. Il tuo host determina la versione di PHP che utilizzi e di solito puoi modificarla nel pannello di controllo del tuo hosting. Tuttavia, la procedura specifica può variare a seconda del tuo provider. In alternativa, puoi semplicemente chiedere al servizio clienti di farlo per te. Prima di aggiornare la tua versione di PHP, crea un backup completo del sito web, quindi testa tutto per assicurarti che funzioni correttamente.
La tua società di hosting ha assegnato una certa quantità di memoria al tuo sito web. Tuttavia, potresti superare tale limite in base al tuo sito specifico. Puoi sempre contattare la tua società di hosting se il pannello di controllo del tuo hosting non ti consente di modificare il limite. WordPress assegna a PHP un'allocazione di memoria di 32 MB per impostazione predefinita. Tenterà automaticamente di aumentare questo limite a 40 MB o 64 MB se incontra problemi. Questo limite spesso non sarà sufficiente per un sito WooCommerce. Si consiglia di aumentare questo limite a 256 MB.
Parola finale
Con i metodi forniti sopra, puoi migliorare notevolmente la velocità del tuo negozio WooCommerce, coprendo la gamma dalle regolazioni delle impostazioni di base alle soluzioni avanzate lato server. Queste tecniche sono lì per migliorare la velocità del tuo sito web e dovrebbero far parte di una strategia continua non solo per migliorare ma anche per mantenere le prestazioni del sito.
In definitiva, l'ottimizzazione della velocità non è un compito una tantum ma un impegno continuo. Monitorare regolarmente la velocità del tuo sito web utilizzando i vari strumenti e metodi discussi può fornire preziose informazioni su quanto bene stanno funzionando i tuoi sforzi di ottimizzazione di WooCommerce.
