Velocità sito internet: perché è un fattore chiave?

Come rendere il sito web più veloce

Migliorare la velocità di caricamento del sito è una priorità fondamentale: ci sono diversi modi per migliorarla ed evitare che i visitatori scappino a causa di tempi di caricamento troppo lunghi.

Ottenere margini di miglioramento è estremamente importante: pensa che Amazon ha stimato che 100 millisecondi di ritardo nel rendering di una pagina web del suo sito determinano un calo delle vendite dell’1%!

Se il risultato dello Speed Test non è soddisfacente, puoi prendere in considerazione alcune soluzioni per migliorare le prestazioni del tuo sito. Ad esempio, puoi comprimere file grandi come immagini JPEG e PNG, ridurre il numero di plug-in installati e/o sostituirli con versioni più leggere o semplicemente riorganizzare il codice HTML.

Un altro passaggio può essere quello di configurare una CDN (Content Delivery Network) e/o migliorare il caching sul server: queste soluzioni aumentano notevolmente la velocità di caricamento delle pagine da parte del server su cui si trova il sito.

Occorre però fare una precisazione: anche se gli elementi che incidono sulla velocità di un sito sono rintracciabili anche lato server, in questo contesto analizzeremo solo i fattori sui quali puoi agire tu in prima persona (o il tuo web master) e non  parametri esterni.

Ovviamente, se le metriche ottenute attraverso i test sito internet eseguiti con i tool online di cui abbiamo parlato evidenziano problematiche connesse alla soluzione hosting che hai adottato, ti invito a prendere in considerazione il problema contattando chi ti fornisce lo spazio web. Un hosting performante (anche se un po’ meno economico) è il primo passo verso il successo!

Alleggerisci il peso delle immagini

Una delle cose più semplici ed immediate che puoi fare è la compressione delle immagini e la loro riduzione in formato ottimale per desktop e mobile, trovando il giusto compromesso con la loro resa (non ottimizzarle troppo altrimenti perdono in qualità).

Ricorda: più le immagini sono grandi, più tempo ci vorrà per scaricarle.
Per questo è importante assicurarsi di ottimizzarle prima di caricarle sul sito.

CHE VANTAGGI OTTIENI?

Migliori la velocità di caricamento della pagina web.

Sfrutti meno banda per la visualizzazione (reti e browser apprezzeranno!).

Hai bisogno di meno spazio di archiviazione sul server.

Riduci le tempistiche di eventuali backup.

QUALI STRUMENTI PUOI USARE PER OTTENERE IL RISULTATO?

Ci sono molti software che consentono l’ottimizzazione delle immagini senza comprometterne la qualità: il più noto è sicuramente Adobe Photoshop (a pagamento), ma online ci sono parecchi tool gratuiti come Compress JPEG, TinyPNG, Gimp, Fast Stone Photo Resizer, PIXResizer, etc…

• png se hai bisogno di immagini di ottima qualità a scapito del loro peso;
• jpg per immagini a risoluzione meno elevata, ma più leggere;
• gif per le animazioni.

Ridimensiona le immagini in base alle tue reali necessità (non caricare sul sito immagini immense se intanto vengono visualizzate in spazi piccoli) così le riduci anche in termini di pixel.

Salva le immagini nelle dimensioni corrette per evitare che siano HTML o CSS a doverle rimpicciolire.

Rimuovi dalle immagini dati e metadati superflui.

Non caricare sul sito spazi bianchi che fanno parte dell’immagine: se necessario, utilizza il CSS per dare gli effetti “padding”.

Non integrare il testo nell’immagine, ma scrivilo utilizzando i font web (occupano meno spazio e hanno una resa visiva migliore).

Se usi WordPress, scegli un plugin che comprime ed ottimizza le immagini sul suo server (così riduci il carico su quello che ospita il tuo sito).

Utilizza il caching

Ricorrere al “caching” significa consentire la memorizzazione di alcune risorse del sito web in un’apposita partizione di memoria del server che lo ospita… una sorta di “pre-caricamento” del sito che limita drasticamente le chiamate al server quando l’utente visita una pagina.

CHE VANTAGGIO OTTIENI?

Fornisci i contenuti ai visitatori in tempi rapidissimi perché eviti al sito di richiederli ogni volta al database; in questo modo, gli utenti – senza accorgersi di nulla – navigheranno su pagine statiche in HTML davvero molto veloci!

QUALI STRUMENTI PUOI USARE PER OTTENERE IL RISULTATO?

Se utilizzi WordPress hai diversi plugin a disposizione: alcuni sono gratuiti (ad es.: WP Super Cache o W3 Total Cache), altri a pagamento (come WP Rocket).

Se utilizzi Joomla, per attivare la cache devi andare alla voce di menu System Cache (la trovi in Estensioni > Plugin) ed agire sulle varie impostazioni.

Passa al protocollo HTTP/2

Il protocollo HTTP/2 è la più recente versione del protocollo HTTP: in estrema sintesi, migliora il caricamento delle pagine web perché ottimizza il trasferimento delle informazioni tra server e browser.

CHE VANTAGGIO OTTIENI?

La comunicazione tramite protocollo HTTP/2 comporta una significativa riduzione delle tempistiche di caricamento di un sito, addirittura fino al 50%!

Attenzione però: l’adozione del protocollo HTTP/2 è subordinata al passaggio del sito al protocollo sicuro HTTPS (attivando sul server il certificato di sicurezza SSL), pratica che consiglio vivamente non solo nell’ottica di migliorare le performance del sito web dal punto di vista della velocità, ma anche come garanzia di sicurezza per i dati degli utenti.

Se usi WordPress, fallo come si deve!

1) Ottimizza il database.

2) Elimina i plugin inutili.

3) Fai gli aggiornamenti (sia del core del CMS, sia dei plugin installati).

CHE VANTAGGIO OTTIENI?

Più piccolo è il database, minore sarà l’impegno di risorse in termini di memoria ed il tempo di risposta del server.

Meno plugin sono in uso, più “pulito” sarà il CMS e più rare le occasioni di conflitto tra gli stessi plugin con conseguente riduzione di eventuali problemi di caricamento.

Anche tenere sotto controllo ed eseguire puntualmente gli aggiornamenti può avere un impatto sulla velocità del sito: queste azioni, infatti, garantiscono una costante ottimizzazione delle risorse, senza contare quanto sono fondamentali per la sicurezza complessiva del sito web.

Abilita la compressione Gzip

Questo tipo di compressione serve a ridurre il peso dei file che il server invia al browser quando un utente visita un sito web, con immediati benefici in termini di spazio e banda utilizzata.

Il meccanismo è simile all’azione umana dello “zippare” un file per renderlo più piccolo e, quindi, meno pesante… ma è effettuata dal server (il browser richiede la risorsa al server che gliela fornisce in formato compresso: il browser scarica una risorsa più leggera rispetto a quella “originale”, la decomprime e la restituisce all’utente che la visualizza senza rendersi conto di quanto è successo!).

QUALI STRUMENTI PUOI USARE PER OTTENERE IL RISULTATO?

Se utilizzi Joomla, puoi sfruttare il sistema nativo di Joomla stesso. È sufficiente entrare nella Configurazione globale > Server > Compressione Gzip ed impostarla su “Sì”: et-voilà, il gioco è fatto!

Se utilizzi WordPress, il sistema più semplice è sicuramente quello di utilizzare uno dei tanti plugin dedicati all’ottimizzazione delle prestazioni del CMS: sicuramente troverai una sezione dedicata alla compressione del sito.

Nel caso in cui questa sezione non fossero presenti, oppure il tuo sito WordPress non fosse dotato di tali plugin, puoi sempre scaricare ed installare un’estensione creata ad-hoc: “Enable Gzip Compression”. Con questo strumento potrai attivare la compressione del tuo WordPress.

Utilizza una CDN (Content Delivery Network)

Un altro modo per migliorare la velocità del tuo sito è quello di utilizzare una Content Delivery Network (CDN).

Una CDN è una rete distribuita in tutto il mondo che fornisce contenuti ai visitatori in base alla loro posizione geografica. Questo significa che i visitatori possono accedere a contenuti dalla parte più vicina al loro punto di connessione, riducendo il tempo necessario per caricare file e contenuti dal tuo sito web.

CHE VANTAGGI OTTIENI?

Minimizzi i tempi di attesa per il rendering delle pagine web del sito.

Riduci banda e spazio utilizzato sul tuo server.

Se utilizzi una CDN come CloudFlare benefici anche della sua azione come firewall (quando riceve una richiesta, infatti, CloudFlare verifica l’attendibilità del visitatore prima di consentirgli l’accesso ai contenuti).

QUALI STRUMENTI PUOI USARE PER OTTENERE IL RISULTATO?

Oltre a CloudFlare (che prevede un piano gratuito), in versione premium trovi Keycdn e MaxCDN.

Minimizza i file CSS e JS

Per migliorare la velocità del tuo sito web puoi procedere anche alla minimizzazione ed alla compressione dei file CSS e Java Script.

CHE VANTAGGIO OTTIENI?

Un codice “pulito” e “ben scritto” (privo, ad esempio, di inutili spazi bianchi o commenti) è interpretato meglio dal browser che impiega meno tempo a codificarlo.

QUALI STRUMENTI PUOI USARE PER OTTENERE IL RISULTATO?

Puoi comprimere e minimizzare i file manualmente oppure ricorrendo ad appositi plugin se usi WordPress (un ottimo plugin è Autoptimize).

Se lo fai “a mano”, esistono on-line dei tool molto semplici da utilizzare (alcuni li trovi qui: https://www.minifier.org/ – https://cssminifier.com/ – https://jscompress.com/). Basta caricare il codice da ottimizzare e, con un semplice clic, ottieni il codice “minimizzato”.

Quale è la velocità di caricamento ideale per una pagina web?

Scaricare i contenuti di una pagina web senza aspettare più di 2/2,5 secondi: questo si aspetta chi naviga! Un vero e proprio record.

Non a caso, il 40% degli utenti abbandona una pagina web che non si carica entro 3 secondi (Fonte: ricerca Forrester Consulting per Akamai Technologies) ed i siti più reattivi sono quelli dei colossi del web (1,8 secondi per Amazon tanto per fare un esempio – Fonte: Ricerca Radware).

Prendersi il tempo di migliorare la velocità del sito, quindi, ha un impatto positivo sull’esperienza utente complessiva, contribuendo ad aumentare il numero di visitatori, l’engagement con i contenuti e la stima di Google.

Al contrario, il rallentamento del rendering di una pagina peggiorerà la user experience generando perdita di interesse da parte del pubblico (e, conseguentemente, visibilità su Google) con forti impatti negativi su:

• vendite, se si tratta di un e-commerce (il 75% degli utenti acquista da un altro sito se il primo che consulta è troppo lento);
• pagine visitate;
• download effettuati.

Se non vuoi che la tua attività subisca danni (anche in termini economici) conseguenti alla lentezza del sito, il consiglio è di individuare quanto prima le cause che la determinano, adottando le soluzioni più adatte per correggere gli errori e di tenere la velocità del sito costantemente monitorata per assicurarsi che non venga compromessa in futuro.

Per fare ciò, è bene eseguire regolarmente Speed Test con lo stesso strumento scelto in precedenza e confrontarne i risultati con quelli ottenuti inizialmente: in questo modo sarà possibile identificare eventuali problemi prima che possano influire negativamente su traffico e conversioni.