I sondaggi ci dicono che la maggior parte degli utenti di Internet afferma di avere meno probabilità di visitare un sito Web se non si carica rapidamente.

Questo da solo ci dice che sì, la velocità della pagina è davvero importante ed è per questo che è fondamentale che la tua azienda abbia un sito Web che si carichi abbastanza velocemente da soddisfare le aspettative dei tuoi utenti.

1.1 La velocità della pagina è davvero importante?

Un’impressionante velocità della pagina aiuta a mantenere il coinvolgimento degli utenti, li incoraggia a esplorare il sito e interagire con i tuoi contenuti. Senza di esso, rischi un maggiore abbandono della pagina e tassi di conversione inferiori.

Sondaggi sull’esperienza e sul comportamento degli utenti

Sono stati condotti numerosi studi sulla velocità di caricamento della pagina e tutti indicano chiaramente che un sito Web lento può avere un impatto significativo e negativo sull’esperienza dell’utente, il che dal punto di vista aziendale può rivelarsi costoso.

Ad esempio, i sondaggi condotti da Akamai.com e Gomez.com mostrano che il 47% dei consumatori non attende più di due secondi per il caricamento di una pagina Web e se il sito Web non si carica entro tre secondi abbandona del tutto il sito.

Allo stesso modo, secondo i dati presentati da AOL, la velocità di caricamento della pagina influisce sulle visualizzazioni di pagina per visita fino a un incredibile 50%. Un altro studio ha rilevato che il 79% degli acquirenti online che hanno riscontrato problemi di prestazioni su un sito Web afferma di avere meno probabilità di tornare di nuovo su quel sito, con il 44% di loro che afferma che direbbe a un amico la propria scarsa esperienza utente.

Con questo in mente, abbiamo dato un’occhiata a come la velocità del tuo sito web può influire sulle vendite nel tuo negozio online.

Il sito di e-commerce Shopzilla ha ottenuto un impressionante aumento del 25% nelle visualizzazioni di pagina e ha generato tra il 7% e il 12% in più di entrate migliorando il tempo di caricamento del sito Web da ~7 secondi a ~2 secondi. Queste cifre sono molto in linea con la ricerca di Gomez.com e Akamai.com che affermano che per un negozio di e-commerce che guadagna $ 100.000 al giorno, un ritardo di un solo secondo potrebbe potenzialmente costare $ 2,5 milioni di vendite perse ogni anno. Lo stesso ritardo di un secondo nella risposta della pagina può comportare una riduzione fino al 7% delle conversioni.

Velocità della pagina come fattore di posizionamento nei motori di ricerca

Quando si tratta di ottimizzazione per i motori di ricerca, pensiamo immediatamente all’utilizzo di parole chiave all’interno dei nostri contenuti Web o alla generazione di backlink al nostro sito Web, ma l’unica cosa che spesso trascuriamo è l’importanza della velocità della pagina nelle classifiche SEO. Nelle parole di Google:

“Velocizzare i siti Web è importante, non solo per i proprietari dei siti, ma per tutti gli utenti di Internet. I siti più veloci creano utenti felici e abbiamo visto nei nostri studi interni che quando un sito risponde lentamente, i visitatori vi trascorrono meno tempo".

A sostegno di questa affermazione, da allora Google ha aggiornato Google Analytics per includere strumenti statistici aggiuntivi come il tempo di caricamento della pagina, la ricerca e la dimensione della pagina nel tentativo di consentire al webmaster di analizzare completamente le prestazioni del proprio sito Web e iniziare a sviluppare strategie e azioni per migliorare i loro tempi di caricamento della pagina.

Naturalmente, non tutti i siti Web che raggiungono una velocità di caricamento della pagina ottimale si classificheranno al primo posto nei risultati dei motori di ricerca; ci sono molti altri fattori di influenza da considerare: questo è, essenzialmente, solo un pezzo del puzzle. Quello che possiamo affermare con sicurezza è che un sito Web a caricamento rapido avrà evidenti vantaggi rispetto ai siti Web della concorrenza che non sono ancora aggiornati.

1.2 Verifica la velocità della tua pagina

Testare la velocità della tua pagina è una buona idea e siamo qui per mostrarti come. Ti suggeriamo di utilizzare uno strumento online ampiamente utilizzato da Pingdom.

Basta andare su tools.pingdom.com, inserire l’indirizzo del tuo sito web, selezionare la tua posizione dal menu a tendina e premere ‘Avvia test’. Pingdom farà il resto.

Dopo aver analizzato il tuo sito web, Pingdom ti fornirà un punteggio di velocità della pagina insieme ad alcune informazioni utili. Dai un’occhiata al nostro esempio qui sotto:

Riceverai anche un rapporto completo con istruzioni riga per riga per correggere ciascuno degli elementi che stanno rallentando il tuo sito web. A seconda della complessità delle correzioni suggerite, potresti voler contattare lo sviluppatore del tuo sito Web per aiutarti a implementare le modifiche necessarie.

1.3 Best practice per migliorare la velocità di caricamento della pagina

Sappiamo che una buona velocità di caricamento della pagina è fondamentale per la fidelizzazione dei clienti e i tassi di conversione, e ora che hai determinato la tua velocità di caricamento della pagina non c’è momento migliore per entrare in azione e migliorarla. Ecco alcuni passaggi che ti consigliamo di seguire per migliorare la velocità del tuo sito web.

1 Utilizzare una rete per la distribuzione di contenuti (CDN)

L’utilizzo di un servizio CDN è uno dei modi più diffusi per ridurre i tempi di caricamento delle pagine. Lo fa inviando una versione memorizzata nella cache del contenuto della tua pagina web a una rete geograficamente distribuita di server chiamati punti di presenza, o POP in breve.

In questo modo si riduce la distanza virtuale tra i server, il che significa che i contenuti vengono consegnati e caricati sulla pagina più rapidamente e poiché i file Web sono distribuiti su più server, il CDN riduce il carico su ogni singolo server.

In sostanza, il CDN colloca i tuoi contenuti in posizioni diverse contemporaneamente, il che significa che il visitatore della tua pagina web può accedere ai contenuti molto più velocemente di quanto sarebbe stato possibile senza un CDN. Questo non solo significa che i visitatori della tua pagina hanno maggiori probabilità di rimanere sul tuo sito web più a lungo, ma significa anche che risparmierai larghezza di banda dal tuo pacchetto di hosting principale.2zs

2 Utilizzare le intestazioni di scadenza per sfruttare la memorizzazione nella cache del browser

Expires headers è un codice snippet definito nel file .htaccess. Indica al browser, indirizzandolo a richiedere una pagina specifica dal server o ad acquisire una versione di una pagina dalla cache del browser.

Le intestazioni Expires consentono agli utenti di riutilizzare i file memorizzati nella cache delle pagine Web archiviate nel browser e riducono il tempo necessario per scaricare i file. Riduce anche il numero di richieste fatte per caricare la pagina web, diminuendo quindi il tempo di caricamento della pagina.

Tieni presente che le intestazioni Expires funzioneranno solo se il tuo visitatore ha già una versione della tua pagina web memorizzata nella cache del browser. Per raggiungere questo obiettivo, l’utente deve aver visitato il tuo sito Web almeno una volta in precedenza.

3 Correggi tutti i collegamenti interrotti

I collegamenti interrotti scoraggiano gli utenti dal visitare altre pagine del tuo sito Web e possono significare che gli utenti scelgono di abbandonare del tutto il tuo sito Web. A parte la bassa fidelizzazione degli utenti, ciò può causare altri problemi.

Ad esempio, quando gli utenti trascorrono meno tempo sul tuo sito web, gli algoritmi dei motori di ricerca presumono che il tuo sito web non abbia contenuti o informazioni di qualità. Ciò, a sua volta, ridurrà significativamente il numero medio di pagine visitate per utente e avrà un impatto negativo sul posizionamento nei motori di ricerca.

Risolvi questo problema identificando e correggendo i tuoi collegamenti interrotti. Ti consigliamo di utilizzare uno strumento gratuito come Google Webmaster Tools o Screaming Frog SEO Spider.

4 Specificare le dimensioni dell’immagine e il set di caratteri nelle intestazioni HTTP

Quando un utente visita una pagina web, il suo browser deve preparare il layout completo di quella pagina, il che può causare ritardi nel caricamento della pagina.

Specificando le dimensioni delle immagini sulle tue pagine web puoi aiutare a risparmiare tempo sul browser e risparmiando tempo sul browser, risparmi tempo sul visitatore della tua pagina web.

Per lo stesso motivo, dovresti anche specificare un set di caratteri nelle intestazioni delle risposte HTTP per ridurre al minimo il tempo impiegato dal tuo browser per determinare il set di caratteri del tuo sito web.

5 Ottimizzazione delle immagini

Le immagini di grandi dimensioni richiedono sempre più tempo per essere caricate, quindi è importante mantenere le immagini più piccole possibile.

Assicurati di ottimizzare anche ogni immagine prima di caricarla sul tuo sito Web e se stai utilizzando un software di grafica per ottimizzare le immagini, dovresti utilizzare l’opzione "Salva per Web". Ciò ridurrà le dimensioni delle immagini e migliorerà il tempo di caricamento della pagina. Ricorda che dovresti utilizzare estensioni di immagine JPEG o PNG: non utilizzare BMP o TIFF.

Gli utenti di WordPress possono installare il plugin WP Smush.it per comprimere automaticamente le immagini. WP Smush.it viene eseguito in background ogni volta che carichi un’immagine nella tua libreria multimediale e riduce le dimensioni delle immagini senza degradarne la qualità.

6 Ridurre i reindirizzamenti 301

Per riparare i collegamenti interrotti (errori 404), sono preferiti i reindirizzamenti 301. Tuttavia, quando hai troppi reindirizzamenti 301 sul tuo sito web, il browser potrebbe impiegare più tempo per raggiungere la destinazione corretta.

I reindirizzamenti 301 creano richieste HTTP aggiuntive, il che significa un ulteriore aumento del tempo di caricamento della pagina, quindi, ove possibile, mantieni i reindirizzamenti 301 al minimo. Ti consigliamo di trovare i tuoi reindirizzamenti 301 utilizzando lo strumento Screaming Frog SEO Spider.

7 Utilizzare la compressione GZIP

La compressione e la deflazione di GZIP riducono le dimensioni di un file senza compromettere la qualità visiva di immagini e video, il che può davvero aiutare a migliorare il tempo di caricamento della pagina.

Chiedi al tuo provider di hosting web se ha abilitato la compressione e la deflazione GZIP sui loro server web. Se utilizzi l’hosting VPS, puoi abilitarlo da solo.

8 Abilita la memorizzazione nella cache del browser

Quando gli utenti visitano il tuo sito web per la prima volta, devono scaricare contenuti HTML, fogli di stile, file JavaScript e immagini prima di poter vedere la tua pagina. Quando la memorizzazione nella cache del browser è abilitata, alcuni utenti non avranno bisogno di caricare ogni elemento della pagina Web nelle visite successive.

I sistemi di gestione dei contenuti come WordPress, Joomla e Drupal dispongono di eccellenti plug-in di cache per migliorare la velocità della pagina. Questi plug-in riducono i tempi di caricamento della pagina memorizzando nella cache l’ultima versione del tuo sito Web, quindi il tuo browser non deve generare dinamicamente la stessa pagina ogni volta.

9 Metti i CSS in cima e JS in fondo

Il tuo browser eseguirà il rendering di un file CSS prima di eseguire il rendering di altre parti della tua pagina, quindi per risparmiare tempo dovresti sempre inserire CSS nella parte superiore della pagina.

Allo stesso modo, inserisci JavaScript nella parte inferiore della pagina perché qualsiasi cosa al di sotto di JavaScript verrà bloccata dal rendering e dal download fino al caricamento di JavaScript.

10 Minimizza i tuoi file CSS e JS

Il termine minify denota il processo di rimozione dei caratteri non necessari che non sono richiesti per l’esecuzione di un codice. Il modo più comune per minimizzare i file è unire tutti i file CSS e JS in uno solo, in modo da non dover chiamare più file per ogni singola richiesta.

Un altro modo per minimizzare è eliminare spazi bianchi, caratteri di nuova riga, commenti e delimitatori di blocchi in JS e CSS per ridurre questi file.

Gli utenti di WordPress possono semplicemente installare un plugin chiamato WP Minify per minimizzare i file JS e CSS.

11 Disabilita l’hotlinking delle immagini

L’hotlinking o il furto della larghezza di banda consuma la larghezza di banda assegnata e rallenta il tuo sito web. Per impedire l’hotlinking, aggiungi semplicemente il codice seguente al tuo file .htaccess e carica il file nella tua directory principale o in una particolare sottodirectory per localizzare l’effetto in una sola sezione del tuo sito.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?yourdomain.com/.*$ [NC]
RewriteRule .(gif|jpg|js|css)$ - [F]

1.4 In che modo il web hosting influisce sulla velocità della pagina

Se hai seguito la pratica standard di cui sopra per migliorare la velocità della tua pagina e noti ancora una piccola differenza, dovresti verificare con il tuo provider di hosting web. Il provider di hosting web e la tecnologia che scegli possono avere un impatto significativo sui tempi di caricamento della tua pagina.

Quando carichi un sito Web, esegue centinaia di righe di codice, risponde a numerose richieste ed esegue una serie di query sul database per eseguire il rendering di una sola pagina. Tutte queste esecuzioni devono essere eseguite sul server web, dove risiede il tuo sito web. Se il tuo server web è potente, servirà la tua pagina web più rapidamente.

Ad esempio, immagina il tuo sito Web come un’auto. Puoi personalizzarlo dandogli un restyling interno (ottimizzazione del codice) ed esterno (grafica, design e layout front-end) per farlo sembrare fantastico. Ma se il tuo motore (ambiente di hosting) non è potente, il tuo sito web potrebbe non raggiungere il suo pieno potenziale.

In poche parole, la velocità del sito web dipende molto dal tipo di web hosting, dalla società di web hosting e dal pacchetto di hosting che scegli, quindi ricontrolla a cosa ti sei registrato.

1.5 Fino a che punto l’hosting VPS migliora la velocità di caricamento della pagina?

Se il tuo sito web è ospitato su un account di hosting condiviso, prendi in considerazione l’upgrade a un VPS o a un server dedicato. VPS viene fornito con RAM dedicata, vCPU e allocazione della larghezza di banda in modo che il tuo sito Web funzioni con il proprio set di risorse. Inoltre, gli utenti VPS possono modificare il VPS per ottimizzare la velocità di caricamento della pagina.

Per determinare quanto l’hosting VPS migliora la velocità di caricamento della pagina, abbiamo condotto un test della velocità di caricamento della pagina. Il test è stato condotto sulle installazioni CMS, Magento, WordPress, Drupal e Joomla più popolari con una su un pacchetto di hosting condiviso e un’altra su un pacchetto SSD VPS. Abbiamo trovato i seguenti risultati:

I risultati evidenziano un notevole ritardo nel caricamento della pagina nell’ambiente condiviso con un notevole miglioramento durante l’aggiornamento del web hosting a VPS. Le soluzioni di hosting VPS sono sempre preferibili rispetto all’hosting condiviso per siti Web ad alta intensità di risorse e ad alto traffico.