La velocità della pagina è una misura della velocità di caricamento del contenuto della tua pagina. La velocità della pagina viene spesso confusa con “velocità del sito,” che in realtà è la velocità della pagina per un campione di visualizzazioni di pagina su un sito. La velocità della pagina può essere descritta in entrambi “tempo di caricamento della pagina” (il tempo necessario per visualizzare completamente il contenuto su una pagina specifica) o “tempo al primo byte” (quanto tempo impiega il tuo browser a ricevere il primo byte di informazioni dal server web).

Puoi valutare la velocità della tua pagina con PageSpeed ​​Insights di Google. PageSpeed ​​Insights Speed ​​Score incorpora i dati di CrUX (Rapporto sull'esperienza utente di Chrome) e riporta due importanti parametri di velocità: Prima pittura ricca di contenuti (FCP) e DOMContentLoaded (DCL).

Migliori pratiche SEO

Google ha indicato la velocità del sito (e come risultato, velocità della pagina) è uno dei segnali utilizzati dal suo algoritmo per classificare le pagine. E la ricerca ha dimostrato che Google potrebbe misurare specificamente il tempo necessario per raggiungere il primo byte come quando considera la velocità della pagina. Inoltre, una velocità lenta della pagina significa che i motori di ricerca possono eseguire la scansione di meno pagine utilizzando il budget di scansione assegnato, e questo potrebbe influenzare negativamente la tua indicizzazione.

Anche la velocità della pagina è importante per l'esperienza dell'utente. Le pagine con un tempo di caricamento più lungo tendono ad avere frequenze di rimbalzo più elevate e un tempo medio sulla pagina inferiore. Tempi di caricamento più lunghi sono stati anche mostrati influenzare negativamente le conversioni.

Ecco alcuni dei tanti modi per aumentare la velocità della tua pagina:

Abilita la compressione

Uso Gzip, un'applicazione software per compressione dei file, per ridurre la dimensione del tuo CSS, HTML, e file JavaScript di dimensioni maggiori di 150 byte.

Non utilizzare gzip sui file di immagine. Anziché, comprimili in un programma come Photoshop dove puoi mantenere il controllo sulla qualità dell'immagine. Vedere “Ottimizza le immagini” sotto.

Minimizza CSS, JavaScript, eHTML

Ottimizzando il tuo codice (inclusa la rimozione degli spazi, virgole, e altri personaggi non necessari), puoi aumentare notevolmente la velocità della tua pagina. Rimuovi anche i commenti sul codice, formattazione, e codice non utilizzato. Google consiglia di utilizzare CSSNano e UglifyJS.

Riduci i reindirizzamenti

Ogni volta che una pagina reindirizza a un'altra pagina, il tuo visitatore deve affrontare ulteriore tempo in attesa del completamento del ciclo di richiesta-risposta HTTP. Per esempio, se il tuo pattern di reindirizzamento mobile è simile a questo: “esempio.com -> www.esempio.com -> m.esempio.com -> m.esempio.com/home,” ciascuno di questi due reindirizzamenti aggiuntivi rallenta il caricamento della pagina.

Rimuovi JavaScript che blocca la visualizzazione

I browser devono creare un albero DOM analizzando l'HTML prima di poter eseguire il rendering di una pagina. Se il tuo browser rileva uno script durante questo processo, deve interromperlo ed eseguirlo prima che possa continuare.

Google suggerisce di evitare e ridurre al minimo l'uso del blocco JavaScript.

Sfrutta la memorizzazione nella cache del browser

I browser memorizzano nella cache molte informazioni (fogli di stile, immagini, File JavaScript, e altro ancora) in modo che quando un visitatore ritorna sul tuo sito, il browser non deve ricaricare l'intera pagina. Usa uno strumento come Ylento per vedere se hai già una data di scadenza impostata per la tua cache. Poi imposta il tuo “scade” intestazione per quanto tempo desideri che le informazioni vengano memorizzate nella cache. In molti casi, a meno che il design del tuo sito non cambi frequentemente, un anno è un periodo di tempo ragionevole. Google ha ulteriori informazioni sull'utilizzo della memorizzazione nella cache Qui.

Migliora i tempi di risposta del server

Il tempo di risposta del tuo server è influenzato dalla quantità di traffico che ricevi, le risorse utilizzate da ciascuna pagina, il software utilizzato dal tuo server, e la soluzione di hosting che utilizzi. Per migliorare i tempi di risposta del server, cercare colli di bottiglia nelle prestazioni come query lente sul database, percorso lento, o una mancanza di memoria adeguata e risolverli. Il tempo di risposta ottimale del server è inferiore a 200 ms. Impara di più riguardo ottimizzando il tempo per il primo byte.

Utilizza una rete di distribuzione dei contenuti

Reti di distribuzione dei contenuti (CDN), chiamate anche reti di distribuzione dei contenuti, sono reti di server utilizzate per distribuire il carico di consegna dei contenuti. Essenzialmente, copie del tuo sito sono archiviate in più, data center geograficamente diversificati in modo che gli utenti abbiano un accesso più rapido e affidabile al tuo sito.

Ottimizza le immagini

Assicurati che le tue immagini non siano più grandi del necessario, che siano nel formato di file corretto (I PNG sono generalmente migliori per la grafica con meno di 16 colori mentre i JPEG sono generalmente migliori per le fotografie) e che sono compressi per il web.

Utilizza gli sprite CSS per creare un modello per le immagini che usi frequentemente sul tuo sito come pulsanti e icone. Gli sprite CSS combinano le tue immagini in un'unica grande immagine che viene caricata tutta in una volta (il che significa meno richieste HTTP) e quindi visualizzare solo le sezioni che desideri mostrare. Ciò significa che stai risparmiando tempo di caricamento evitando agli utenti di attendere il caricamento di più immagini.