Comprendere e ottimizzare la velocità del tuo sito web

Che cos'è la velocità della pagina?

La velocità della pagina è la quantità di tempo necessaria per il caricamento completo del contenuto della pagina di un sito web. In un mondo in cui le persone si aspettano risultati immediati, più veloce è meglio.
In effetti, quasi la metà degli utenti web si aspetta che un sito si carichi in 2 secondi o meno e tende ad abbandonare un sito che non viene caricato entro 3 secondi, secondo i sondaggi condotti da Akamai e Gomez.com .
Ma quanto tempo impiega la maggior parte dei siti Web a caricarsi?
Gli standard che molti hanno utilizzato per il tempo di caricamento della pagina provengono da un studio condotto da Geoff Kenyon Dove confronta la velocità del sito web con il resto del web:
● Se il tuo sito si carica in 5 secondi, è più veloce di circa il 25% del web ● Se il tuo sito si carica in 2,9 secondi, è più veloce di circa il 50% del web ● Se il tuo sito si carica in 1,7 secondi, è più veloce di circa il 75% del web ● Se il tuo sito si carica in 0,8 secondi, è più veloce di circa il 94% del web
Quindi, come puoi determinare come si posiziona il tuo sito web?

Come determinare la velocità e il punteggio della pagina

Ecco come misurare l'andamento del tuo sito web:
1. Entra nel sito web del tuo sito web Velocità del sito di Google Analytics Rapporti. Questo ti darà un'idea di come Il tuo sito ha funzionato in vari periodi di tempo e la velocità di caricamento di ciascuna delle tue pagine. 2. Inserisci l'URL del tuo sito in Lo strumento PageSpeed Insights di Google . Questo ti darà una pagella su Le prestazioni di velocità del tuo sito web su dispositivi mobili e desktop. Il rapporto viene fornito con Alcune azioni consigliate che puoi intraprendere per migliorare la velocità del tuo sito. 3. Assegno Test di velocità del sito web di Pingdom per scoprire la velocità, il rango e la percentuale più veloce del media dei siti web testati da Pingdom 4 . GTMetrix fornirà una panoramica completa dello stato di ottimizzazione della velocità del tuo sito.
Nota : Non preoccuparti quando vedi tempi di velocità diversi in Pingdom e Gtmetrix. Come Pingdom ti mostrerà il tempo di caricamento (il tempo necessario per mostrare il primo risultato del tuo sito web, questo è ciò che Google conta e dovresti farlo anche tu) e GTmetrix ti mostrerà il tempo di caricamento completo (il tempo necessario per mostrare una pagina completa con tutte le sue funzionalità in esecuzione).
Per un'ulteriore comprensione, è sempre bene vedere la cascata di velocità da entrambi gli strumenti.

Perché la velocità della pagina è importante?

Colmare il divario tra le aspettative degli utenti (2 secondi) e il tempo medio di caricamento del sito web (5 secondi) è l'obiettivo dell'ottimizzazione della velocità della pagina e le tattiche che illustreremo più avanti. Ma perché esattamente la velocità della pagina è importante? Si tratta di 3 motivi principali interconnessi:

1. La velocità uccide l'esperienza utente

L'esperienza utente è probabilmente il motivo più importante per cui dovresti preoccuparti della velocità del sito web, quindi inizieremo da qui.
Le persone non hanno più la pazienza per i siti Web a caricamento lento. All'inizio, il solo fatto di connettersi a Internet richiedeva una tolleranza che non esiste più.
Oggi, le persone sono costantemente online e hai al massimo 3 secondi per visualizzare la tua pagina o se ne vanno. Più di 3 secondi creano un'esperienza utente scadente e l'asticella non farà che aumentare in futuro.

2. La velocità uccide la SEO

L'esperienza dell'utente è in realtà la forza trainante dietro le implicazioni SEO della velocità del sito. Mentre Google è stato lento nel rivelare ufficialmente se i siti web lenti avrebbero ricevuto retrocessioni di ranking, sembra che Quei giorni stanno arrivando . Devi assicurarti che il tuo sito web sia pronto.

3. La velocità uccide le conversioni

L'effetto della velocità del tuo sito sulle conversioni è ciò che dovrebbe davvero attirare la tua attenzione. Come puoi spostare le persone attraverso il tuo funnel se ogni passaggio richiede un'eternità? I tuoi super-fan lo faranno, ma quelle nuove persone titubanti che sono inclini al rimorso degli acquirenti rimbalzeranno.

8 tattiche per velocizzare il caricamento del tuo sito web

Velocizzare il tuo sito non sarà necessariamente un gioco da ragazzi. Se hai un sito piccolo e leggero, potresti aver bisogno di provare un paio di tattiche in questo elenco.
Tuttavia, i siti grandi e meno recenti con molto codice e contenuto possono richiedere una certa persistenza e l'implementazione di diverse tattiche nell'elenco seguente.
Ecco da dove cominciare:

1. Sfrutta la memorizzazione nella cache del browser:

Quando visiti i siti, il tuo browser spesso memorizza nella cache le pagine del sito per accelerare il tempo di caricamento.
La memorizzazione nella cache del browser memorizza i file di risorse delle pagine Web su un computer locale quando un utente visita una pagina Web, quindi l'utilizzo della memorizzazione nella cache del browser consiste nell'indicare ai browser come devono essere gestite le loro risorse.
Le cose possono rallentare quando la risposta dal tuo server non include le intestazioni di memorizzazione nella cache o se le risorse sono specificate per essere memorizzate nella cache solo per un breve periodo di tempo.
L'utilizzo della memorizzazione nella cache caricherà le tue pagine molto più velocemente per i visitatori abituali, così come altre pagine che condividono le stesse risorse.
Ecco come fare

2. Ottimizza le immagini:

Se le immagini si caricano più velocemente, il tuo sito si carica più velocemente, punto. Google osserva che “… Le immagini spesso rappresentano la maggior parte dei byte scaricati su una pagina. Di conseguenza, l'ottimizzazione delle immagini può spesso produrre alcuni dei maggiori risparmi di byte e miglioramenti delle prestazioni".
Ciò significa che puoi ottenere alcuni grandi miglioramenti quando le immagini sulle tue pagine possono essere ottimizzate per ridurre le dimensioni del file senza influire in modo significativo sulla loro qualità visiva.
Ecco come fare

3. Minimizza HTML, CSS e JavaScript:

La minimizzazione rimuove tutti i caratteri non necessari che non sono necessari per l'esecuzione del codice.
Le origini dei dati ridondanti che è possibile rimuovere includono i commenti e la formattazione del codice, la rimozione del codice inutilizzato, l'uso di nomi di variabili e funzioni più brevi e altro ancora.
Ecco come fare

4. Abilita la compressione gzip:

La compressione Gzip riduce drasticamente le dimensioni dei file inviati dal tuo server quando qualcuno visita il tuo sito web. Questo accelererà notevolmente le cose.
Secondo GTMetrix ,
"Il motivo per cui gzip funziona così bene in un ambiente web è che i file CSS e i file HTML utilizzano molto testo ripetuto e hanno un sacco di spazi bianchi. Poiché gzip comprime le stringhe comuni, questo può ridurre le dimensioni delle pagine e dei fogli di stile fino al 70%!"
Ecco come fare

5. Ridurre il tempo di risposta del server:

Il tempo di risposta del server è la quantità di tempo impiegata da un server Web per rispondere a una richiesta proveniente da un browser. Questo è un problema chiave da affrontare perché se il tempo di risposta del server è lento, le pagine verranno visualizzate lentamente, indipendentemente da quanto siano ottimizzate per la velocità.
Google dice che dovresti ridurre il tempo di risposta del tuo server a meno di 200 ms. Quindi, come si fa a far sì che ciò accada?
Ecco come fare

6. Evita i reindirizzamenti della pagina di destinazione:

Il tuo sito può davvero rallentare quando hai più di un reindirizzamento dall'URL dato alla pagina di destinazione finale. In questo modo si innesca un ciclo di reindirizzamento che richiede tempo per l'elaborazione.
Ecco un Pochi esempi di reindirizzamenti che possono rallentare le cose:
example.com → m.example.com/home – penalità di più round trip per gli utenti mobili. example.com → www.example.com → m.example.com – Esperienza mobile molto lenta.
Ecco come fare

7. Dai la priorità ai contenuti visibili:

Questo è il messaggio esatto che riceverai dallo strumento PageSpeed di Google quando sono necessari ulteriori round trip di rete per visualizzare il contenuto above the fold della pagina.
Questo contenuto "above the fold" è ciò che vedi su un desktop o un dispositivo quando visiti una pagina. Quindi, dare priorità ai contenuti visibili è la raccomandazione di dare priorità alle cose in modo che gli elementi essenziali della pagina vengano caricati per primi (e rapidamente) per gli utenti e di rinviare gli elementi secondari della pagina come i plug-in di condivisione social, l'analisi javascript, ecc.
Ecco come fare

8. Elimina JavaScript e CSS che bloccano il rendering nei contenuti above-the-fold:

Le risorse JavaScript e CSS spesso impediscono la visualizzazione della pagina fino a quando non sono completamente caricate. Questa è spesso una buona idea, poiché la visualizzazione prematura dei tuoi contenuti above the fold può sembrare piuttosto grottesca.
Tuttavia, questo è un messaggio comune che riceverai da Google sulla velocità del sito e affrontarlo può davvero aumentare la velocità della tua pagina.
Ecco come fare
Nota : Questa è la cosa più difficile da risolvere per la maggior parte delle persone. Ci sono plugin di WordPress che lo fanno e basta, ma possono far sembrare il tuo sito come Frankenstein ad ogni caricamento.
Vuoi siti WordPress velocissimi ospitati su Google Cloud? Contattaci oggi stesso!