I sette migliori consigli per rendere il tuo sito Web Magento velocissimo
Pubblicato: 2022-06-11Le prestazioni del sito Web Magento 2 sono sempre state una grande preoccupazione per i rivenditori. Gli studi dimostrano che ogni secondo aggiuntivo di tempo di caricamento può far diminuire i tassi di conversione dell'e-commerce del 4,42%. E una bassa conversione su pagine ad alto intento di consumo, come checkout o home, danneggerà sicuramente i tuoi potenziali guadagni. Come affronti il problema e velocizzi il tuo negozio Magento? Segui i sette suggerimenti di seguito.
Prima di procedere con i passaggi specifici, vorrei ricordare che tutti i problemi relativi alle prestazioni di solito si verificano su due livelli: infrastruttura (hosting, CDN, ecc.) e applicazione (front-end e back-end). I consigli che troverai in questo articolo si applicheranno a entrambi per ottenere i miglioramenti delle prestazioni più efficaci.
Suggerimento n. 1: esegui l'aggiornamento a Magento 2 se stai ancora eseguendo Magento 1
Adobe ha interrotto il supporto per Magento 1 a giugno 2020, ma centinaia di aziende lo utilizzano ancora. Se sei uno di loro, considera questo messaggio come una chiamata alla migrazione il prima possibile. Tra i numerosi vantaggi di Magento 2 (ora noto come Adobe Commerce), le prestazioni sono il più grande, superando la sua controparte obsoleta in molti casi d'uso:
- Magento 2 elabora il 39% in più di ordini all'ora, raggiungendo fino a 2.558 ordini all'ora
- Fornisce tempi di risposta quasi istantanei per le pagine del catalogo (<2 sec)
- Consente tempi di risposta del server add-to-cart fino al 66% più rapidi, inferiori a 500 millisecondi
- Fornisce tempi di risposta al checkout degli ospiti più rapidi del 51% e tempi di risposta al checkout dei clienti del 36% più rapidi per tutti i passaggi di checkout combinati
Inoltre, l'ultima e più recente versione di Magento 2.4.x è ancora più veloce grazie a miglioramenti significativi nei tempi di risposta della pagina della vetrina, tempi di caricamento delle immagini più rapidi, nonché migliori prestazioni di memorizzazione nella cache e aggiunta al carrello.
Suggerimento n. 2: cambia il tuo provider di hosting
Gran parte delle prestazioni dipende dalla capacità del tuo server di sostenere un gran numero di utenti senza rallentare o rallentare nelle ore di punta. Dimentica l'hosting condiviso per il tuo negozio Magento. Il tuo piano di hosting dovrebbe includere almeno dischi rigidi a stato solido (SSD) e almeno 4 GB di RAM. I requisiti di sistema esatti variano a seconda del tuo negozio.
Consiglio sempre ai miei clienti Magento di ospitare i loro siti Web su AWS, che è sia conveniente che potente. Fornisce un ambiente stabile che ti consente di fornire prestazioni del sito Web di prim'ordine aumentando al contempo le operazioni aziendali, gli utenti e gli ordini.
Suggerimento n. 3: implementa una valida strategia di memorizzazione nella cache (o ottimizza quella esistente)
Una cache è un modo per precaricare le tue pagine web per una rapida consegna dei contenuti. In sostanza, memorizza tutti gli elementi della pagina, come testo e immagini, in modo che l'utente non debba richiedere file dal server ogni volta che visita il tuo sito web.
La memorizzazione nella cache è particolarmente utile quando si dispone di un prodotto con molti attributi che impiegano troppo tempo per essere caricati. Magento 2 abilita la memorizzazione nella cache dell'intera pagina pronta all'uso, ma puoi aumentarne ulteriormente il flusso utilizzando tecnologie di memorizzazione nella cache avanzate come Varnish e Redis.
Varnish memorizzerà (o memorizzerà nella cache) file o frammenti di file in memoria e alla fine ridurrà il tempo di risposta e il consumo di larghezza di banda della rete su richieste future equivalenti. Si trova tra il server Web e il database Magento e invia tramite proxy le richieste HTTP di tutti gli utenti per ridurre i tempi di risposta per restituire il contenuto agli utenti.
Redis fungerà da cache predefinita per la memorizzazione di query, chiavi e sessioni utente frequenti. Sostituisce il sistema di memorizzazione nella cache basato su file standard di Magento e aggiungerà ulteriore velocità al tuo sito web.
Mentre Varnish si concentra sulla memorizzazione nella cache del frontend, Redis può archiviare altre strutture di dati come EAV e cache di configurazione. Ecco perché consiglio di usarli in tandem.
Suggerimento n. 4: considera l'aggiunta di una CDN
Un CDN sta per rete di distribuzione dei contenuti. Hanno server distribuiti geograficamente in tutto il mondo, quindi gli utenti possono scaricare i dati dai server più vicini a loro. Le CDN possono fornire qualsiasi tipo di contenuto, inclusi immagini, media, file CSS/JS, temi e moduli e potrebbero fungere da ottimizzatore generale del sito.
Magento viene fornito preconfigurato per supportare le CDN, anche se dovresti avere alcune competenze tecniche per configurarlo. Non è assolutamente necessario, soprattutto per le piccole imprese con poco traffico incapaci di investire nella soluzione tecnologica e nella sua implementazione.

Tuttavia, è un must per i siti Web mission-critical ad alto traffico che sono seriamente intenzionati a fornire la migliore esperienza utente. I miei consigli personali sono Akamai, Cloudflare e Amazon Cloudfront.
Suggerimento n. 5: condurre un audit del sito web
Se un sito di e-commerce guadagna $ 100.000 al giorno, un ritardo di 1 secondo di pagina potrebbe potenzialmente costarti $ 2,5 milioni di vendite perse ogni anno. Questo ritardo è causato da colli di bottiglia delle prestazioni.
Ci sono così tante cose che causano colli di bottiglia, come il numero di richieste del server, il peso della pagina, gli elementi della pagina pigri, il caricamento lento delle immagini, le estensioni di terze parti e il codice scritto male o non ottimizzato. Un audit identifica questi problemi tecnici nel back-end e nel front-end, li risolve e quindi mostra le prestazioni dopo le modifiche.
Alcuni dei colli di bottiglia più comuni delle prestazioni di Magento possono includere:
- Lasciando abilitati i moduli principali inutilizzati (ad es. spedizione offline e pagamenti; Captcha, Persistent, RSS; MSRP, Send Friend, Weee, ecc.).
- Accumulo di funzionalità non necessarie, come plug-in ed elementi di layout.
- Mancato rispetto degli standard di codifica e delle migliori pratiche.
Anche l'aggiunta di alcune funzionalità del sito Web può ridurre le prestazioni del tuo sito Web. Conduci un regolare controllo del codice Magento per assicurarti che il tuo negozio non sia ingombro di bug e colli di bottiglia.
Suggerimento n. 6: segui le migliori pratiche per le prestazioni di Magento
Questo potrebbe essere il suggerimento più ovvio, ma funziona la maggior parte delle volte. Magento Performance Best Practices è una guida preziosa offerta da Adobe stessa su come configurare il tuo negozio nel modo più efficiente.
La guida include alcuni approfondimenti, ma ecco i principali acceleratori di velocità:
- Attiva tutte le cache dalla pagina Sistema > Strumenti > Gestione cache. Meglio ancora, collega la cache di Varnish di cui abbiamo discusso sopra.
- Abilita le notifiche email asincrone
- Utilizza strumenti di terze parti come le estensioni di ottimizzazione della velocità Magento per la minimizzazione e il raggruppamento JS (come r.js).
- Attiva il protocollo HTTP2 come alternativa all'utilizzo del raggruppamento JS.
- Non utilizzare impostazioni deprecate come l'unione di file JS e CSS poiché sono stati progettati solo per JS caricati in modo sincrono nella sezione HEAD della pagina. L'uso di questa tecnica può causare il raggruppamento e richiedere che la logica JS funzioni in modo errato.
Alcuni potrebbero considerare questi consigli come troppo tecnici, quindi è meglio avere un background tecnico o utilizzare l'aiuto di qualcuno con una precedente esperienza in Magento.
Suggerimento n. 7: esegui uno stress test
Uno stress test è un passo importante per migliorare la scalabilità e garantire che il tuo negozio possa gestire i picchi di carico durante le vendite flash. Durante uno stress test, spingi il sito al suo punto di rottura aumentando in modo incrementale il carico al di sopra del massimo previsto.
Innanzitutto, è necessario generare dati di esempio per i test delle prestazioni. Magento consente di creare più utenti, negozi, categorie, prodotti e così via e impostare profili (piccolo, medio, grande ed extra-grande). Fare riferimento alla documentazione ufficiale di Magento per maggiori informazioni.
In secondo luogo, si imposta l'ambiente di pre-test utilizzando lo strumento di propria scelta. È importante seguire i percorsi degli utenti che hai mappato nella fase di preparazione e inserirli nello strumento di test delle prestazioni per creare un modello di carico di lavoro.
Terzo, cloni il database Magento esistente, assicurati che tutti gli strumenti funzionino correttamente ed esegui il test delle prestazioni. Successivamente è possibile analizzare i risultati, creare report e identificare i colli di bottiglia da affrontare.
So che sembra più facile a dirsi che a farsi, ma questo ultimo consiglio dovrebbe essere di grande aiuto per i grandi commercianti. Testa lo stress del tuo sito Web Magento per assicurarti che possa gestire gli elevati volumi di traffico e scalare indipendentemente dal numero di utenti e prodotti.
Un'ultima nota per la conclusione: gli acquirenti online non sono mai stati abbastanza pazienti da aspettare più di 3 secondi per caricare la pagina di un prodotto. Sta a te prendere le misure, allocare il budget per l'ottimizzazione delle prestazioni e stupire i tuoi clienti con un'esperienza utente ottimale.