Come migliorare rapidamente il tuo punteggio di Google PageSpeed ​​Insights su Magento Store senza essere uno sviluppatore

Ultimo aggiornamento - 8 luglio 2021

Un punteggio elevato di Google PageSpeed ​​Insights è diventato una sorta di segno di qualità per i negozi Magento. E anche se sia Google che i principali team di ottimizzazione di Magento sottolineano come non sia un buon strumento per misurare l'ottimizzazione delle prestazioni, i rivenditori online fanno ancora affidamento su di esso per monitorare l'andamento del loro negozio in termini di velocità e affidabilità.

Ecco perché abbiamo creato una piccola guida su come correggere rapidamente il tuo punteggio di PageSpeed ​​di Google anche se non hai esperienza di sviluppatore. Tutte le nostre correzioni sono facili da implementare, offrono un sacco di potenza per il minimo sforzo e possono essere implementate in un giorno.

Correzione n. 1. Ottieni un buon CDN

Una rete di distribuzione di contenuti non è un toccasana per i negozi Magento, ma è il più vicino possibile. Oltre agli ovvi vantaggi di una consegna più rapida delle risorse e di una latenza ridotta, un CDN offre una serie di funzionalità che possono rendere più veloce il tuo negozio Magento:

• ottimizzazione dei media (una CDN sa come ridurre le dimensioni complessive dell'immagine senza compromettere la qualità),
• minimizzazione e compressione di risorse statiche come file CSS, JS e HTML (la creazione di risorse più piccole può sicuramente aiutare a servirle più velocemente anche su reti più lente),
• scambia i file JPEG più vecchi con il moderno formato WebP per i browser che lo supportano (le immagini si caricano più velocemente e occupano meno spazio),
• convertire le immagini in formato progressivo (le immagini progressive si caricano in modo diverso rispetto a quelle convenzionali, offrendo agli utenti un senso di prestazioni superiori anche se tecnicamente il negozio si carica alla stessa velocità),
• posticipare il caricamento delle risorse (Magento ha principalmente bisogno di rinviare l'analisi di JavaScript ) per accelerare la consegna delle risorse critiche,
• dare la priorità ai protocolli HTTP/2 e QUIC per caricare i file più velocemente e non sincronizzati,
• regolare l'età della cache su valori ottimali,
• servire versioni di immagini diverse a utenti diversi (il multiversioning è utile quando il browser necessita di un'immagine di dimensioni inferiori, ad esempio).

L'installazione e la configurazione di una CDN non richiede molte competenze tecniche. La maggior parte delle volte sarai in grado di affrontare il compito senza troppe difficoltà. Un CDN è una delle migliori soluzioni per le prestazioni del frontend Magento. La sua integrazione può migliorare significativamente il tuo punteggio di Google PageSpeed ​​grazie all'enorme quantità di utili correzioni che offre.

Anche se un CDN è lo strumento migliore nella nostra cassetta degli attrezzi, vorremmo mostrarti altre due opzioni su come velocizzare il tuo negozio e, si spera, aumentare ulteriormente il suo punteggio PageSpeed.

Correzione n. 2. Scegli un hosting Magento capace

Magento è una piattaforma impegnativa e ad alta intensità di risorse che richiede un team di supporto mirato per aiutarti a spremere fino all'ultimo bit di prestazioni dal server.

Sfortunatamente, la maggior parte delle volte i proprietari di negozi Magento non vedono un buon provider di hosting come un investimento utile. Invece di soddisfare i requisiti del loro negozio con un ambiente server capace, stanno esaminando come ottimizzare Magento per inserirlo nei limiti restrittivi di una soluzione di hosting condiviso o di un server privato virtuale barebone.

Ecco perché è così importante scegliere con cura il tuo ambiente di hosting Magento e, ancora più meticolosamente, il team di supporto tecnico del tuo provider. Quelle saranno le persone che ti aiuteranno a configurare l'ambiente e ad affrontare qualsiasi potenziale difficoltà tecnica che potresti incontrare.

Un buon hoster e un server potente si tradurranno in un visibile miglioramento del punteggio di Google PageSpeed. Più forte è il server, più problemi ridurrà legati ai colli di bottiglia della CPU e la CPU è il punto stretto più comune nei negozi web Magento. Quindi non dubitare se hai bisogno di un server più forte: è probabile che dovresti semplicemente aggiornare.

I nostri consigli qui: fai la tua ricerca. Leggi le recensioni, chiedi in giro, parla con gli esperti della comunità, confronta le offerte di diversi fornitori, fai domande specifiche a questi hoster.

Correzione n. 3. Ottimizza le impostazioni dell'amministratore Magento

La sezione Magento Admin è spesso trascurata, ma è un vettore efficace per l'ottimizzazione di Magento. Uno dei vantaggi dell'ottimizzazione del pannello di amministrazione di Magento è che non è necessario eseguire operazioni estremamente tecniche. Basta seguire semplici istruzioni su come modificare impostazioni specifiche all'interno di Magento.

Abilita cataloghi piatti. Questa è una soluzione efficace quando hai migliaia di prodotti unici nel negozio. I cataloghi piatti e i prodotti cambiano il modo in cui Magento salva gli attributi dei prodotti nel negozio. Invece di mantenerli in tabelle di database separate, crea una struttura piatta che aiuta il server a recuperare i valori degli attributi molto più velocemente di prima. Vai a Negozi > Impostazioni > Configurazione > Catalogo > Vetrina e modifica queste due opzioni su Sì .

Modifica le impostazioni JS. Per qualche motivo, le impostazioni predefinite di Magento JS non sono ottimali. Ma se prendi sul serio le prestazioni di Magento, ti consigliamo di andare su Negozi > Impostazioni > Configurazione > Avanzate > Sviluppatore > Impostazioni JavaScript e modificarle come mostrato di seguito.

Modifica le impostazioni CSS. I CSS non ottimizzati possono influire seriamente sulle prestazioni, quindi è una buona idea ridurre questo impatto il più basso possibile. Vai a Negozi > Configurazione > Avanzate > Sviluppatore e cambia in SÌ Riduci a icona e Unisci le impostazioni CSS.

Modifica le impostazioni HTML. Le impostazioni HTML si trovano in Negozi > Configurazione > Avanzate > Sviluppatore > Impostazioni modello . Attiva la minimizzazione HTML per salvare i dati e velocizzare il caricamento della pagina web. Il codice minimizzato è meno leggibile ma molto più compatto, il che è un'ottima funzionalità quando sei preoccupato per le prestazioni di consegna.

Correzione bonus. Abilita Elasticsearch!

La ricerca in negozio non ha un impatto reale sul punteggio di Google PageSpeed ​​Insights, ma è comunque qualcosa che dovresti implementare. Elasticsearch è un enorme miglioramento dell'esperienza utente e offre enormi vantaggi in termini di qualità della vita ai tuoi clienti.

Il fatto è che, il più delle volte, la ricerca in negozio è uno degli elementi più frustranti dell'intera esperienza di acquisto se è lenta o imprecisa. Per gli utenti che vanno di fretta la qualità della tua ricerca può fare la differenza tra un acquisto completato e un cliente perso.

Elasticsearch offre un facile ridimensionamento orizzontale, risultati rapidi, funzionalità di ricerca intelligente, uso di sinonimi e parole interrotte e supporto multilingue.

Vai su Store > Impostazioni > Configurazione > Catalogo > Catalogo > Ricerca catalogo per abilitare Elasticsearch. Il processo di installazione è più complicato rispetto alle precedenti 3 correzioni, ma ti offre abbastanza vantaggi da far sì che ne valga la pena. Dopo aver abilitato la versione desiderata di Elasticsearch, devi seguire questa guida per installare completamente questo nuovo motore di ricerca.

Nota: i provider di hosting incentrati su Magento conosceranno da vicino Elasticsearch e spesso disporranno di soluzioni di integrazione Elasticsearch pronte per l'uso da utilizzare. Vedi come tutto si unisce? Un buon provider di hosting Magento ti renderà la vita molto più semplice, in così tanti aspetti.

Ottenere il punteggio perfetto. Ne hai bisogno?

Il punteggio di Google PageSpeed ​​si basa su dozzine di controlli separati che valutano la velocità del tuo negozio in così tanti modi che è difficile persino elencarli qui. Quello che devi capire è che il punteggio non ha senso se lo insegui da solo, senza prima guardare l'esperienza dell'utente e il coinvolgimento dell'utente. Queste sono le vere metriche che vuoi aumentare.

Il modo in cui i tuoi clienti navigano, come si comportano alla cassa, al carrello o nella griglia dei prodotti. Scopri dove crescono o diminuiscono le conversioni e come puoi migliorare. Dopotutto, le persone reali generano vendite reali. I robot non sono così importanti per il tuo negozio.