I negozi WooCommerce lenti possono costarti denaro 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 fatica.
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 0 e 5 secondi, con le pagine con tempi di caricamento tra 0 e 2 secondi che hanno i tassi di conversione eCommerce 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 del sito web eCommerce.
Perché la velocità è importante?
La velocità del sito web è un elemento critico per il successo di qualsiasi impresa online, inclusi i negozi WooCommerce, per diversi motivi:
Esperienza utente:
Gli utenti di Internet hanno in genere una soglia di attenzione breve. Tempi di caricamento lenti possono far sì che i visitatori abbandonino il tuo sito web prima ancora che si carichi completamente. Un sito web veloce, al contrario, facilita la navigazione, 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 punti 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, devi determinare a che punto ti trovi ora e scoprire la velocità attuale del negozio e quali problemi potrebbero rallentare il tuo 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 per dispositivi mobili che per 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 acquisisce 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. È così che funzionano la maggior parte degli strumenti RUM, anche se i dettagli specifici di implementazione possono 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 creare 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 a perdite di affari, il servizio di web hosting ideale per WooCommerce service 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 nella tua fascia di prezzo, 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. Scegli 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 login. L'URL di login è 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 malintenzionati cambiando il tuo URL di login in qualcosa di distintivo. Puoi anche usarlo per prevenire problemi di limitazione della velocità HTTP.
Se il tuo sito web di e-commerce ha anche un blog, limita il numero di voci che appaiono nel feed del tuo blog. Se gestisci un blog popolare, i risparmi sulle prestazioni si sommano. Queste regolazioni possono essere effettuate 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 dà 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 di 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, però, che tu debba installarli tutti.
Numerosi plugin aumentano la quantità di file Javascript o CSS sul tuo sito web, il che fa sì che il tuo server riceva più richieste HTTP, 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 in grado di eseguire numerose attività, leggi le recensioni per informarti sulle prestazioni, conferma che vengano aggiornati frequentemente e installa opzioni da fonti affidabili.
Ottieni 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 il tempo 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 pubblicarle 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 giusta dimensione 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 spesso 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 funzione nota come caricamento differito impedisce il caricamento delle immagini finché un visitatore del sito non scorre fino al punto in cui appaiono sulla pagina. Di conseguenza, i tuoi clienti non dovranno aspettare che i tuoi media si carichino per 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 di 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.
Sceglie 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 della pagina 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 è l'archiviazione temporanea di risorse da una richiesta in modo che le richieste future possano essere elaborate fast. 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 pressione 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 delle revisioni 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 tanti duplicati 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 root 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 piazza un ordine.
Se il database del tuo negozio non è ottimizzato, la gestione di queste query può richiedere troppo tempo. Un tempo di risposta del server lento si traduce alla fine in un sito web lento. Di conseguenza, è necessario eliminare la spazzatura inutile 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'. È ora di metterli in ordine. 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 in vista. Nel tempo, le sessioni dei clienti potrebbero accumularsi, aggiungendo migliaia di voci extra alle tabelle del database. Un database gonfio potrebbe mandare in tilt 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. La pulizia delle tabelle del database è fondamentale per rimuovere queste informazioni extra.
- Disabilita le funzionalità non critiche ma che appesantiscono il database. I temi e i plugin per WooCommerce hanno molte funzionalità intelligenti che inizialmente sembrano fantastiche ma finiscono per distruggere il database. Un esempio sono i plugin di compressione delle immagini, che comprimono le immagini sullo stesso server che ospita il sito web. Anche i plugin che aggiungono contatori al tuo sito web, come visualizzazioni, commenti, ecc., dovrebbero essere evitati.
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'uso 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 esposti, semplifica la ricerca per i clienti mobili fornendo filtri di prodotto in tempo reale. Considera l'installazione del plugin WooCommerce Product Search.
Usa 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 sull'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 ci vogliano solo pochi secondi, i clienti possono percepirlo come un tempo lungo, influenzando direttamente il tasso di rimbalzo del tuo negozio.
Se il tuo sito web ha molti reindirizzamenti, stai consumando risorse del server e prolungando il tempo necessario per raggiungere la pagina finale. Di conseguenza, ridurre i reindirizzamenti si tradurrà in un notevole aumento del tempo di caricamento della pagina, poiché si tratta di un approccio di ottimizzazione 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 usi e spesso 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 determinata 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. Per impostazione predefinita, WordPress assegna a PHP 32 MB di memoria. 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.
In conclusione
Con i metodi forniti sopra, puoi migliorare notevolmente la velocità del tuo negozio WooCommerce, coprendo l'intera gamma, dalle regolazioni delle impostazioni di base alle soluzioni avanzate lato server. Queste tecniche servono a 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'attività una tantum ma un impegno costante. Il monitoraggio regolare della 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.
