Iniziamo l'anno con un tema che è stato importante in passato e che si rivelerà vitale in futuro: l'ottimizzazione della velocità di un sito web. Le prestazioni del tuo sito e il tempo di caricamento hanno un impatto enorme sulle vendite.
Vogliamo richiamare la tua attenzione sul fatto che da novembre 2018 il processo di miglioramento dei siti è cambiato. Finora l'ottimizzazione della velocità è stata soprattutto un processo generico: la maggior parte dei siti aveva problemi simili che impedivano di sfruttarli al massimo, per esempio la generazione delle immagini, un server lento e così via. Con i nuovi requisiti di Google sulla velocità, il tuo sito può perdere la sua posizione nei risultati di ricerca. Finora, in fatto di ottimizzazione, i requisiti erano da scuola elementare; ora sono saliti al livello delle scuole superiori.
Come probabilmente sai, Google ti ha messo a disposizione diversi strumenti per capire le prestazioni di un sito. A prima vista sembrava una buona idea, ma di recente ci si è resi conto che avere tanti strumenti diversi, ognuno con proposte distinte, creava solo confusione tra gli utenti.
Google ha deciso di fare chiarezza e a novembre 2018 Google PageSpeed Insights ha ricevuto un aggiornamento importante. Fino ad allora lo strumento PageSpeed Insights analizzava le prestazioni di una pagina sia su desktop sia su dispositivi mobili e forniva consigli su come migliorarla.
Lighthouse è da tempo uno strumento open source che fornisce consigli personalizzati per migliorare il tuo sito in termini di prestazioni, accessibilità e altre buone pratiche. Da novembre PageSpeed Insights usa Lighthouse come motore di analisi. Con questo aggiornamento Google ha ridotto la confusione e introduce anche molti nuovi consigli su come migliorare la velocità di un sito. Questo significa che Google non valuta più il tuo sito solo in base a ciò che puoi fare per migliorarlo, ma lo valuta anche in base alle sue prestazioni.
Quali informazioni fornisce ora PageSpeed Insights?
Dati di laboratorio.
PageSpeed Insights, tramite Lighthouse, simula il caricamento della pagina su un dispositivo mobile. Al termine riassume i valori delle prestazioni e ti assegna un punteggio da 0 a 100. I punteggi sono suddivisi in tre livelli: 90 o più è considerato veloce, da 50 a 90 nella media, sotto 50 lento.
Dati sul campo.
I dati si basano su una versione del Chrome User Experience Report aggiornata ogni giorno. Questi valori possono differire da quelli della sezione Dati di laboratorio, perché rispecchiano un'ampia gamma di condizioni e dispositivi nella rete reale usata dagli utenti di Chrome.
Opportunità.
Sono i suggerimenti che PageSpeed Insights offre per migliorare le prestazioni di una pagina e la velocità con cui viene caricata.
Diagnostica.
Fornisce informazioni aggiuntive su quanto una pagina rispetta le best practice dello sviluppo web.
Controlli superati.
Indica i controlli che la pagina ha superato.Testa il tuo sito con PageSpeed Insights e scopri come ti vede Google. Il risultato del test non riguarda solo le prestazioni del sito, ma anche la sua qualità.
Ecco alcuni consigli di PageSpeed Insights che puoi risolvere implementando i nostri moduli.
Modulo Google WebP Image Generator
Se, dopo aver testato il tuo sito, compare il consiglio qui sotto, il tuo sito avrà bisogno del modulo WebP Image Generator.
Installa il modulo «Google WebP Image Generator», con cui puoi rigenerare le immagini del sito nel formato consigliato da Google (il formato WebP). Generando le immagini con questo modulo ne riduci anche le dimensioni fino al 30%, mantenendo la stessa qualità.
Quando inizi a generare le immagini con WebP Image Generator per PrestaShop, noterai miglioramenti importanti nella velocità del sito e le tue immagini manterranno la qualità originale.
Il modulo offre una compressione delle immagini del sito senza perdita di qualità, di livello superiore, ed è consigliato per velocizzare il tuo negozio online. È molto più efficiente della generazione delle immagini con il generatore standard di PrestaShop, non dà errori e ti permette di seguire l'avanzamento dell'intero processo.
Generare le immagini con questo modulo libera spazio sul server e le pagine del sito si caricheranno più velocemente. Google apprezzerà le immagini generate da questo modulo e potrai ottenere un posizionamento migliore nei risultati di ricerca di Google.
Modulo Progressive Web App
Se compare questa indicazione, ti servirà sicuramente il modulo Progressive Web App.
Il modulo è una soluzione per caricare le pagine web più velocemente. Rende il sito accessibile anche quando un utente ha una connessione internet lenta o addirittura quando la connessione manca del tutto. Le PWA uniscono la flessibilità del web all'esperienza utente di un'applicazione nativa. Come vedi, questo modulo è consigliato persino da Google ed è un fattore importante per il posizionamento nella ricerca di Google.
Una volta implementato il modulo, le prestazioni saranno in generale migliori e gli utenti potranno anche creare un'icona e un collegamento al sito sui loro dispositivi mobili, così da raggiungere più rapidamente i tuoi prodotti.
Modulo HTTP 2 Web Push
Con i nuovi consigli, il modulo HTTP2 Web Push non può mancare sul tuo sito.
Con il modulo HTTP2 Web Push la connessione tra il sito e il server resta sempre aperta. Questo è molto importante per la velocità della pagina. Inoltre si aggiunge la possibilità del «server push»: il server riconosce che l'HTML ha bisogno di altre risorse e le invia automaticamente.
Modulo Critical CSS
Ti consigliamo di implementare questo modulo perché riduce il tempo fino al «First Contentful Paint», che in questo momento è di 6,6 secondi. Senza questo modulo, quando un utente interagisce con il tuo sito, tutte le regole CSS vengono «scansionate» e caricate, anche quelle non usate nel sito o in quella specifica pagina. Questo modulo ordina le regole CSS ed esegue solo quelle necessarie, riducendo il tempo di caricamento.
Modulo Lazy Load
LazyLoad è uno script flessibile che velocizza il sito caricando le immagini man mano che entrano nel campo visivo.
Modulo Image SRC set
Ti consigliamo di usare Image SRC set per avere immagini ottimizzate su tutti i dispositivi, compresi quelli mobili. Più precisamente, le immagini caricate quando si accede al sito da un dispositivo mobile sono diverse e più piccole di quelle caricate su desktop, che di solito sono più grandi. (Assicurati di avere spazio sufficiente sul server, perché verranno generate più versioni delle immagini per diverse risoluzioni.)
La velocità resta uno degli aspetti più importanti.
Come abbiamo detto, la velocità di un sito resterà un punto fermo nel posizionamento nella ricerca di Google. L'ottimizzazione della velocità non conta solo per il posizionamento su Google: migliora anche l'esperienza utente e i tassi di conversione del tuo negozio online.
L'ottimizzazione delle prestazioni dovrebbe essere sempre una priorità, soprattutto con tanta concorrenza online. Ti offre molti vantaggi commerciali misurabili e al tempo stesso rende il sito più efficiente. Aumenterà il numero di visitatori, che potrai poi trasformare in iscritti alla newsletter, lettori e, naturalmente, clienti paganti.
Se vuoi un negozio online che funzioni al massimo delle sue capacità, ottimizzare le pagine è fondamentale. E sia tu sia i tuoi clienti sarete molto soddisfatti dei vantaggi.
Pensa alle corse automobilistiche: ogni anno ogni concorrente migliora la propria auto per avere più possibilità di vincere il trofeo. È esattamente ciò che succede nel commercio elettronico. Devi puntare sempre al primo posto. Non aspettare che tutti i concorrenti ti superino. Testa il tuo sito e non aver paura di chiedere consiglio e aiuto specializzato.
Quando si tratta di ottimizzare la velocità della pagina, non basta migliorare aspetti generici come la rigenerazione delle immagini o il cambio di server. L'ottimizzazione della velocità è diventata più complessa. Molti interventi devono essere eseguiti da programmatori esperti in questo campo. Se vuoi ottimizzare la velocità del tuo sito, una delle cose più importanti è scegliere il team giusto.
Come abbiamo detto, l'ottimizzazione della velocità non è più un processo generico: ogni sito va analizzato singolarmente e i consigli vanno personalizzati per ciascun sito web.
Oltre ai nuovi requisiti indicati da PageSpeed Insights, come la minificazione di HTML, CSS e JavaScript, la rimozione del CSS inutilizzato e così via, la rigenerazione delle immagini dovrebbe essere fatta con la tecnologia più recente. Per la rigenerazione delle immagini, Google consiglia di generarle in formato WebP. Al momento siamo l'unica azienda al mondo ad aver creato un modulo per la piattaforma PrestaShop in grado di generare le immagini dei prodotti in formato WebP.
Siamo uno dei migliori team per l'ottimizzazione di un sito. Testa il sito con lo strumento PageSpeed Insights di Google e, se non sei soddisfatto dei risultati, non esitare a contattarci. Il nostro team è pronto ad aiutarti a migliorare la velocità. La nostra esperienza nell'ottimizzazione ci permette di ridurre il tempo di caricamento di un negozio PrestaShop sotto i 3 secondi. A differenza di altre aziende, non ci limitiamo a un audit del sito: interveniamo tecnicamente per risolvere questi problemi.