Come Velocizzare il Tuo Sito Web

Se il tuo obiettivo è incrementare traffico e conversioni sul tuo sito, un elemento fondamentale da considerare è la rapidità con cui le pagine si caricano.

La velocità di caricamento rappresenta oggi un aspetto cruciale nel marketing digitale. Influenza in modo rilevante:

• Quanto tempo i visitatori permangono sul tuo sito.
• Quanti tra loro diventano clienti effettivi.
• Quanto spendi in base al CPC nel pay per click.
• La tua posizione nella ricerca organica, perché ormai la page speed rientra tra i fattori di ranking.

Purtroppo, la maggioranza dei siti Web presenta prestazioni deboli sotto il profilo della velocità e questo si ripercuote direttamente e negativamente sui ricavi.

Le strategie per migliorare la velocità dei siti web sono praticamente innumerevoli, ma il tempo per applicarle tutte non basta mai. 

Uno degli aspetti più frequentemente trascurati è proprio l'ottimizzazione della velocità della pagina. Ciò risulta comprensibile poiché molti non colgono realmente l'importanza di questo dettaglio spesso sottovalutato, e quindi non ritengono utile investirvi tempo e risorse economiche per guadagnare qualche secondo o frazione di esso.

Quello che può apparire come un lasso di tempo trascurabile per alcuni professionisti del marketing, inclusi coloro focalizzati unicamente sulla SEO, si è rivelato invece decisivo, come dimostrano i dati raccolti dai colossi del settore fino alle nostre stesse analisi.

Immagino che, come me, tu voglia ottimizzare i risultati e, ovviamente, i guadagni, giusto? Allora iniziamo a rendere più performante il tuo sito web! Prosegui nella lettura per scoprire 9 strategie per migliorare la velocità dei siti web, suggerite da Search Engine Journal:

Come migliorare la velocità dei siti web: 9 strategie per aumentare le prestazioni della pagina

1. Rinuncia all'hosting condiviso economico e opta per hosting ottimizzATI PER LA VELOCITA'

Al giorno d'oggi tutti cerchiamo di contenere le spese, del resto gli abbonamenti a Raven, SEMrush, Moz e a tutti gli altri strumenti utilizzati quotidianamente si accumulano rapidamente. È quasi paragonabile ad avere un figlio in più.

Una strategia comune per risparmiare consiste nell'affidarsi a un hosting condiviso a basso costo che stipa il maggior numero possibile di siti Web su un unico server. Le prestazioni ne risentono terribilmente!

Certo, il tuo sito sarà raggiungibile quasi sempre, proprio come con la maggior parte dei provider, ma si caricherà talmente lentamente che i visitatori abbandoneranno frustrati senza mai trasformarsi in acquirenti.

"Ma la differenza è impercettibile!" potrebbero obiettare i sostenitori di questo tipo di hosting.

Il punto è questo: potrebbe sembrarti trascurabile perché è "cosa tua" e ci sei affezionato.

Ma chiunque altro desidera semplicemente entrare e uscire dal tuo sito Web nel minor tempo possibile.

I visitatori vogliono restare sul tuo sito quanto basta per compiere l'azione per cui sono arrivati, che si tratti di ottenere una risposta, acquistare un prodotto o raggiungere un altro obiettivo specifico. Se li rallenti anche solo leggermente, probabilmente detesteranno l'esperienza e se ne andranno senza convertire.

Considerala così:

La maggior parte delle persone ama i propri figli senza riserve. Ma se il bambino di qualcun altro urla, lancia oggetti e rovina la serata al ristorante? Lo detestano. Vale lo stesso principio per il tuo sito web.

Quanto incide realmente questo fattore?

Secondo uno studio condotto da Amazon, una variazione di appena 100 ms - un lasso temporale che un essere umano non riesce nemmeno a percepire - è stata sufficiente per far calare le vendite dell'1%. Walmart ha riscontrato risultati analoghi.

Se una simile minuscola frazione di tempo incide così direttamente sulle vendite, quale effetto pensi possa avere un ritardo di uno o più secondi?

Ma non finisce qui, perché la velocità (o la lentezza) di caricamento del tuo sito Web condiziona anche il posizionamento nella ricerca organica e i costi del pay-per-click.

In sintesi: evita l'hosting economico. Se ti trattano come un semplice prodotto (basandosi principalmente sul prezzo), tratteranno allo stesso modo anche i loro clienti.

Esistono numerosi host web ottimizzati per la velocità, specialmente per i siti WordPress, e alcuni hanno costi paragonabili alle soluzioni economiche.

Quindi informati, effettua qualche test e investi in un provider che garantisca prestazioni adeguate sia per i tuoi visitatori sia per Google.

2. RidUCI le RICHIESTE HTTP

Ogni file richiesto per visualizzare e far funzionare correttamente una pagina Web - HTML, CSS, JavaScript, immagini e font - necessita di una richiesta HTTP separata. Maggiore è il numero di richieste, più lento sarà il caricamento della pagina.

A questo punto potresti pensare: "Non è un problema che mi riguarda. So quello che faccio e non appesantisco il mio sito con elementi superflui!"

Questo può essere in parte vero. Forse tu non aggiungi elementi inutili al tuo sito, ma accade nella stragrande maggioranza dei siti Web (oltre il 90%).

Ecco dove nasce il problema:

La maggior parte dei temi grafici carica uno o più fogli CSS e numerosi script JavaScript. Alcuni di essi, come Jquery o FontAwesome, vengono solitamente caricati da remoto tramite un server esterno, aumentando sensibilmente i tempi di caricamento della pagina.

La situazione peggiora ulteriormente considerando i file CSS e JavaScript aggiuntivi introdotti dai plugin. È comune arrivare a mezza dozzina o più di richieste HTTP solo per questi file.

Se poi si aggiungono tutte le immagini presenti in una pagina, ognuna delle quali richiede una richiesta HTTP a sé stante, la situazione sfugge rapidamente al controllo.

Suggerimenti per ridurre le richieste http:

• Combina i file JavaScript in un unico file.
• Combina i file CSS in un unico file.
• Limita o rimuovi i plug-in che caricano JavaScript e/o CSS propri. In alcuni casi, come con Gravity Forms, puoi disattivarne il caricamento.
• Utilizza gli sprite per le immagini ricorrenti.
• Preferisci font come FontAwesome o Ionic Icons rispetto ai file immagine, quando possibile, poiché richiedono un solo caricamento.

Potrebbe interessarti anche: 5 modi per aumentare il traffico web con le storie Instagram

3. Includi la barra finale

Tralasciare la barra finale nei link che puntano al tuo sito Web, sia da fonti esterne (link building) sia internamente, ha ripercussioni negative sulla velocità.

Ecco perché:

Quando accedi a un URL privo della barra finale, il server Web cerca un file con quel nome esatto. Se non lo trova, lo interpreta come una directory e ricerca il file predefinito al suo interno.

In altre parole, omettendo la barra finale, costringi il server a effettuare un reindirizzamento 301 superfluo. Anche se può sembrarti istantaneo, richiede comunque del tempo aggiuntivo e, come già visto, ogni piccola somma incide sul totale.

Ecco alcuni esempi per chiarire meglio il concetto:

https://example.com (esempio scorretto)

o

https://example.com/services (anche questo non va bene)

vs.

https://example.com/ (esempio corretto)

o

https://example.com/services/ (anche questo va bene)

4. Abilita la compressione

Attivare la compressione GZIP può diminuire notevolmente i tempi necessari a scaricare file HTML, CSS e JavaScript perché vengono trasferiti in versione compressa e più leggera, per poi essere decompressi una volta raggiunto il browser.

Nessuna preoccupazione: i visitatori non dovranno effettuare alcuna azione aggiuntiva poiché tutti i browser moderni supportano GZIP e gestiscono automaticamente tutte le richieste HTTP.

5. Abilita la memorizzazione nella cache del browser

Attivando la cache del browser, gli elementi di una pagina Web vengono salvati nel browser del visitatore cosicché, alla visita successiva o quando naviga verso un'altra pagina, il browser possa caricarla senza dover richiedere nuovamente al server tutti gli elementi già memorizzati.

Dopo il primo caricamento della pagina e la memorizzazione dei suoi elementi nella cache dell'utente, sarà necessario scaricare solo i contenuti nuovi nelle pagine successive. Ciò può ridurre notevolmente il numero di file da scaricare durante una normale sessione di navigazione, migliorando così la velocità dei siti web.

6. Minimizza le risorse

Ridurre i file CSS e JavaScript eliminando spazi bianchi e commenti superflui permette di diminuire le dimensioni del file e, conseguentemente, i tempi di download.

Fortunatamente non è necessario farlo manualmente, esistono infatti diversi strumenti online che convertono un file nella sua versione ridotta.

Sono disponibili anche vari plug-in per WordPress che sostituiscono automaticamente i riferimenti nell'header del tuo sito ai file CSS e JavaScript standard con le rispettive versioni minimizzate, senza alterare i file originali. Tra i più noti plugin di cache troviamo:

• W3 Total Cache
• WP Super Cache
• WP Rocket

Potrebbe servire un po' di impegno per configurare correttamente le impostazioni, dato che la minimizzazione può talvolta compromettere CSS e JavaScript: una volta completata, verifica sempre a fondo il funzionamento del tuo sito.

7. Dai la priorità ai contenuti above the fold

Il tuo sito web può sembrare più veloce al visitatore se il codice è strutturato per privilegiare i contenuti above the fold - vale a dire, ciò che è visibile prima che l'utente scorra la pagina.

Questo implica posizionare tutti gli elementi visibili above the fold vicino all'inizio del codice HTML, in modo che il browser li scarichi e li visualizzi per primi.

È inoltre essenziale inserire CSS e JavaScript necessari per rendere quest'area direttamente in linea, anziché in un foglio di stile esterno.

Potrebbe interessarti anche: I vantaggi di aprire un blog per un e-commerce

8. Ottimizza i file multimediali

Dato che oggi i dispositivi mobili dispongono di fotocamere di alta qualità e i moderni CMS come WordPress semplificano il caricamento delle immagini, molti si limitano a scattare una foto e caricarla, senza rendersi conto che spesso l'immagine risulta almeno quattro volte più grande del necessario.

Questo rallenta significativamente il tuo sito Web, in particolare per chi naviga da mobile.

Ottimizzare i file multimediali sul tuo sito ha un grande potenziale per migliorare la velocità della pagina, ed è un'operazione relativamente semplice: vale quindi la pena dedicarvi tempo.

Ottimizzazione delle immagini

1. Scegli il formato più adatto. JPG risulta ideale per le fotografie, mentre GIF o PNG sono preferibili per immagini con ampie zone di colore uniforme. I file PNG a 8 bit servono per immagini prive di canale alfa (sfondo trasparente), quelli a 24 bit per immagini che lo includono.
2. Verifica che le dimensioni delle immagini siano corrette. Se un'immagine viene mostrata a 800 pixel di larghezza sul tuo sito, non ha senso utilizzare un file largo 1600 pixel.
3. Comprimi il file immagine. Oltre ad essere tra i migliori software di editing fotografico, Adobe Photoshop offre eccellenti funzionalità di compressione delle immagini, con piani a partire da $ 9,99 al mese. In alternativa, puoi usare plugin WordPress gratuiti come WWW Image Optimizer, Imsanity e TinyJPG, che comprimono automaticamente le immagini caricate.

Ottimizzazione deI video

1. Scegli il formato più adatto. MP4 risulta generalmente il migliore poiché produce file di dimensioni ridotte.
2. Fornisci le dimensioni ottimali in base allo schermo del visitatore.
3. Rimuovi la traccia audio se il video viene usato come sfondo decorativo.
4. Comprimi il file video. Utilizza Adobe Premiere oppure Camtasia.
5. Accorcia la durata del video.
6. Considera l'idea di caricare i video su YouTube o Vimeo anziché ospitarli localmente, sfruttando il codice di incorporamento iframe.

Per ottimizzare davvero i contenuti multimediali del tuo sito, devi fornire immagini delle dimensioni appropriate in base allo schermo, invece di ridimensionarle successivamente.

Esistono due approcci per gestire questo aspetto, a seconda di come viene implementata l'immagine.

Le immagini incluse nell'HTML del sito possono essere gestite tramite l'attributo srcset, che permette al browser di scegliere, scaricare e mostrare l'immagine più adatta in base allo schermo del dispositivo del visitatore.
Le immagini inserite via CSS - solitamente come sfondi - possono invece essere gestite tramite media query per selezionare l'immagine più adeguata in base allo schermo del dispositivo utilizzato dal visitatore.

9. Utilizza cache e CDN

La memorizzazione nella cache permette al tuo server Web di conservare una copia statica delle pagine, così da poterle consegnare più velocemente al browser del visitatore, mentre una CDN consente di distribuire tali copie su server situati in tutto il mondo, permettendo al browser dell'utente di scaricarle dal server geograficamente più vicino. Questo migliora sensibilmente la velocità dei siti web.