Quindi, perché Google consiglia di caricare le pagine almeno un secondo above the fold?

L’importanza della velocità del sito web

Poiché Google fa affidamento sull’esperienza positiva del cliente per mantenere la propria quota di mercato, desidera servire solo siti che si caricano in modo rapido ed efficiente.

Di conseguenza, tende a dare la priorità alle pagine che si caricano più velocemente di altre. 

Inoltre, le tue analisi tenderanno a riflettere questo, poiché le pagine più lente incorreranno in frequenze di rimbalzo più elevate rispetto alle pagine più veloci.

Nel complesso, ci sono diversi motivi per cui il monitoraggio della velocità della pagina è essenziale:

• Esperienza utente: gli utenti si aspettano pagine a caricamento rapido su dispositivi mobili e desktop. Più lenta è la tua pagina, più tempo ci vuole fino alla prima interazione e maggiore è la tua frequenza di rimbalzo. Ciò non solo influisce sulle metriche utente chiave, ma potrebbe anche ridurre il tasso di conversione e influire sulle entrate del tuo sito web.

• Algoritmi di Google: la ricerca mostra che Google attribuisce importanza alla velocità della pagina nei suoi algoritmi di posizionamento , in particolare sui dispositivi mobili. Non è noto quanto questo influisca sulle classifiche, ma Google ha dichiarato di dare la priorità a fattori, come i suoi Core Web Vitals (metriche elencate di seguito).

• Funzionalità ed elaborazione: la velocità della pagina è un altro componente importante della funzionalità del sito Web e può ostacolare i processi di base, come il caricamento dei carrelli della spesa o dei post del blog, che causano un’elevata frequenza di rimbalzo.

• Autorità e fiducia: un sito Web a caricamento rapido comunica un certo livello di fiducia e autorità, mentre un sito Web a caricamento lento potrebbe comunicare che il tuo sito Web è mal costruito o addirittura contiene spam.

Tenendo presenti questi fattori, non sarai in grado di ottimizzare la velocità della pagina del tuo sito web senza scoprire problemi che lo influenzano negativamente.

Inoltre, scoprirai che la velocità delle pagine varia a seconda dei dispositivi e delle posizioni, rendendo ancora più importante la necessità di test costanti.

Considerazioni sull’esecuzione di un test di una pagina Web

Non tutti i test o strumenti di velocità della pagina forniranno gli stessi risultati.

Per questo motivo, bilanciare questi risultati e capire quali metriche considerare ti darà i risultati più imparziali.

Cache

Innanzitutto, consiglierei di testare i siti con la memorizzazione nella cache abilitata e disabilitata per vedere la differenza.

La maggior parte degli strumenti in genere ignora la memorizzazione nella cache, ma altri strumenti come WordPress ti consentono di testare la velocità della pagina con la memorizzazione nella cache abilitata.

Configura la tua memorizzazione nella cache per vedere se interferisce con i tuoi risultati o li distorce da ciò che trovi su altri strumenti.

Posizione

Molte persone non tengono conto della posizione durante il test della velocità della pagina, ma le persone in diversi paesi e regioni sperimenteranno tempi di caricamento diversi a seconda della vicinanza della rete e del server.

Ho persino visto persone ridurre sostanzialmente i tempi di caricamento del proprio sito Web ospitando il proprio sito su un server geograficamente più vicino o abilitando una rete di distribuzione dei contenuti (CDN), una rete di server distribuiti.

Esecuzione di più test

Come sperimenterai, ogni test di velocità della pagina può fornire risultati diversi a seconda delle anomalie del tuo sito web o della tua rete.

Per questo motivo, consiglio di eseguire più test su più strumenti per i risultati più accurati di ciò che gli utenti stanno sperimentando.

Metrica

Infine, dobbiamo comprendere le metriche più importanti per la velocità di caricamento delle nostre pagine.

Di seguito, ne ho delineati alcuni che influenzeranno maggiormente la velocità di caricamento della pagina.

Tempo di caricamento della pagina

Questa metrica rappresenta il tempo totale necessario per caricare completamente una pagina.

Google Analytics fornisce un rapporto sul tempo di caricamento della pagina per ciascuno dei tuoi URL e anche su browser diversi.

Screenshot da Google Analytics, marzo 2023

Tempo al primo byte (TTFB)

Misura il tempo necessario ai browser per ricevere una richiesta HTML da un server.

Punteggi TTFB scarsi potrebbero indicare che hai molti file di grandi dimensioni sul tuo sito web o che devi spostarti su un nuovo server.

Numero di richieste HTTP

Ogni volta che la tua pagina deve caricare un file, invia una nuova richiesta che potrebbe servire a ridurre la velocità della pagina.

Vitali fondamentali del Web

Screenshot da PageSpeed Insights, marzo 2023

• Disegno con contenuto più grande: il tempo necessario per caricare l’immagine o l’elemento di testo più grande su una pagina. Questa metrica misura la velocità con cui il caricamento effettivo della tua pagina viene visualizzato visivamente.

• First Input Delay: il tempo impiegato da un utente per interagire con una pagina (ad esempio, fare clic su un collegamento o scorrere).

• Spostamento cumulativo del layout: quanto è stabile la tua pagina. In altre parole, misura se gli elementi della pagina si spostano una volta caricata la pagina.

Campo vs. Dati di laboratorio

Infine, quando si misurano le velocità delle pagine, è essenziale distinguere tra dati sul campo e dati di laboratorio.

I dati sul campo tengono conto del tempo di caricamento storico di una pagina, mentre i dati di laboratorio forniscono i dati di un test simulato.

Google Analytics fornisce dati sul campo e una registrazione storica del tempo necessario, in media, per caricare le pagine del tuo sito.

D’altra parte, i dati di laboratorio, come Lighthouse di Google , forniscono una misurazione approssimativa della velocità di caricamento della pagina in base a variabili impostate.

I dati di laboratorio sono ottimi per diagnosticare problemi specifici, mentre i dati sul campo sono un modo eccellente per tracciare il progresso e l’usabilità del tuo sito web nel tempo.

Con questi suggerimenti in mente, esploriamo alcuni dei migliori strumenti che consiglio a ogni sito di provare per testare la velocità del proprio sito web.

I migliori strumenti per testare la velocità del sito web

Google PageSpeed Insights

Google PageSpeed Insights è uno strumento gratuito progettato per diagnosticare opportunità specifiche in cui la velocità della pagina è carente.

Screenshot da PageSpeed Insights, marzo 2023

Questi suggerimenti aumenteranno i punteggi di velocità della pagina e aumenteranno il posizionamento delle parole chiave.

Questo strumento fornisce anche metriche per Core Web Vitals, tempo per l’interattività e il suo indice di velocità generale.

PageSpeed Insights utilizza Lighthouse, che fornisce dati di laboratorio per stimare il modo in cui le pagine vengono caricate su un dispositivo standard con una buona connessione WiFi.

PageSpeed Insights è un utile primo passo per scoprire problemi superficiali che possono essere facilmente risolti.

GTMetrix

GTMetrix è un eccellente strumento di controllo per la velocità delle pagine del sito Web che fornisce dati di laboratorio simili a quelli di Google Lighthouse con strumenti di visualizzazione ancora migliori.

La scheda Prestazioni ti dice tutto ciò che devi sapere su Core Web Vitals e la scheda Struttura offre opportunità per migliorare la velocità della pagina.

Screenshot da GTMetrix, marzo 2023

Tuttavia, il mio strumento preferito su GTMetrix è la scheda waterfall che ti consente di visualizzare gli elementi di caricamento della pagina e il modo in cui influenzano i tempi di caricamento della pagina.

Screenshot da GTMetrix, marzo 2023

Pingdom

Pingdom è uno strumento a pagamento, che vale la pena spendere se hai bisogno di monitorare la velocità della pagina in tempo reale tramite la sua impostazione di monitoraggio dell’utente reale.

Questo strumento consente sia dati di laboratorio simulati che dati sul campo in tempo reale per vedere come si comporta il tuo sito Web su diversi dispositivi, reti e client.

Pingdom fornisce anche tutte le stesse metriche e informazioni fruibili che altri strumenti forniscono con il supporto continuo per il tuo sito web.

WebPageTest

Dal mio punto di vista, WebPageTest è il miglior strumento di test della velocità gratuito di cui tu abbia mai sentito parlare.

Questo strumento fornisce tutti gli stessi dati di laboratorio di Lighthouse, con la possibilità di testare su più dispositivi e reti.

Alcune delle sue caratteristiche più importanti includono:

• Waterfall.
• Video del caricamento della tua pagina.
• Metriche delle prestazioni.
• Traccia viste.
• Più test contemporaneamente.

Ancora più importante, puoi vedere il tuo sito web mentre si carica in tempo reale con la vista Filmstrip.

Screenshot da WebPageTest, marzo 2023

WebPageTest fornisce anche un piccolo questionario accurato, ad esempio se il tuo sito Web è veloce, utilizzabile o resiliente, con risposte per dirti dove il tuo sito deve essere migliorato.

Console di ricerca di Google

Ti consiglio vivamente di accedere al rapporto sulla velocità in Google Search Console per uno sguardo più granulare alla velocità delle singole pagine.

Questo rapporto fornisce punteggi di velocità individuali e prestazioni complessive su browser e dispositivi.

Screenshot da developer.google.com, marzo 2023

Utilizza Search Console per monitorare eventuali progressi o modifiche al tuo sito. Naturalmente, puoi anche scoprire molti degli stessi dati in Google Analytics.

New Relic

New Relic offre strumenti sofisticati per monitorare la velocità delle pagine nel tempo, eseguire il debug del codice e persino ripulire i plug-in per aumentare la velocità del sito.

Questo strumento richiede un abbonamento, ma ha funzioni utili come avvisarti quando la velocità della pagina diminuisce in tempo reale dopo che è stata apportata una modifica al sito.

Suggerimenti per migliorare la velocità del sito web

Sebbene gli strumenti possano indicare problemi individuali con il tuo sito web, ci sono alcune best practice generali che puoi seguire per migliorare la velocità della pagina del tuo sito web.

Abilita la compressione

Le dimensioni di file e immagini di grandi dimensioni rappresentano un ostacolo significativo per qualsiasi sito Web, quindi abilitare la compressione tramite un plug-in automatizzato può essere d’aiuto.

Ci sono dozzine di plugin disponibili per WordPress, inclusi i preferiti come Optimole e WP Rocket che include il plugin Imagify .

Cache

La memorizzazione nella cache è un’altra facile vittoria per aumentare rapidamente la velocità del sito Web per i clienti abituali.

La memorizzazione nella cache del Web o del browser consente ai siti Web di archiviare piccoli bit di dati su dispositivi lato client, quindi al successivo caricamento di un sito Web vengono recuperate meno risorse.

Plugin come WP Rocket e WP Super Cache consentono la memorizzazione nella cache e possono migliorare significativamente la tua esperienza utente.

Caricamento lento

Un’altra caratteristica offerta da strumenti di memorizzazione nella cache come WP Rocket o LazyLoad è la possibilità di ritardare il caricamento dei file fino a quando l’utente non vi accede.

In altre parole, se hai immagini below the fold su una pagina web, il lazy loading consente a un sito web di ritardare il caricamento di quell’immagine finché un utente non scorre la pagina verso il basso.

Ottimizza la posizione del tuo server/CDN

Ospitare la tua pagina web su un server geograficamente vicino può ridurre significativamente la latenza e i tempi di caricamento.

Tuttavia, se distribuisci contenuti a un pubblico globale, investire in una rete di distribuzione dei contenuti (CDN) può ridurre notevolmente i tempi di latenza e le velocità di caricamento per le persone in tutto il mondo.

Minimizza le risorse

Oltre alle immagini, CSS e JavaScript saranno i due elementi più grandi di qualsiasi pagina web che devono essere caricati.

Pertanto, minimizzare o eliminare le risorse CSS e JavaScript non necessarie, come i dati duplicati, ridurrà il numero di richieste e download che un client e un server devono eseguire per caricare correttamente una pagina.

Riduci i plug-in e il codice non necessario

Infine, l’eliminazione delle risorse non necessarie, come i plug-in back-end di grandi dimensioni, libererà risorse sul tuo sito Web e metterà meno stress sui dispositivi mentre tentano di caricare il tuo sito Web.

Sfortunatamente, è troppo comune per i proprietari di siti WordPress lasciare i plug-in legacy molto tempo dopo che hanno raggiunto il loro scopo, il che può influire notevolmente sull’efficienza e sulla funzionalità di un sito Web.

Conclusione

Ora che sai come testare la velocità del sito web e quali metriche cercare, puoi implementare soluzioni per aumentare la velocità del tuo sito web e monitorare il modo in cui incidono sulle tue classifiche SEO.

Sebbene la velocità del sito Web sia uno dei tanti fattori, i vantaggi di un sito Web a caricamento rapido supereranno in modo significativo tutti i costi sostenuti.