Presentazione del nostro dashboard di analisi della velocità della pagina

Negli ultimi due anni, abbiamo visto i motori di ricerca diventare sempre più interessati alla velocità della pagina come indicatore della qualità del sito web. All'inizio di quest'anno, Google ha lanciato l'aggiornamento Core Web Vitals. Ciò ha aggiunto più velocità della pagina e informazioni sull'esperienza nel loro algoritmo di classificazione.

È chiaro che la velocità delle pagine sarà una metrica importante da monitorare nei prossimi anni. Per noi, questo significa essere in grado di vedere come ogni sezione del tuo sito web si comporta ogni settimana rispetto alla concorrenza. Abbiamo sviluppato la nostra PageSpeed ​​Console per questo scopo. In questo pezzo, mostreremo come i nostri clienti lo utilizzano per ottenere informazioni dettagliate sull'esperienza di velocità della pagina del loro sito Web.

Perché valutare la velocità della pagina è importante?

A questo punto, ogni marketer digitale sa quanto sia importante la velocità della pagina per la SEO e l'esperienza dell'utente.

La velocità della pagina ha un impatto significativo sull'esperienza dell'utente. Più a lungo gli utenti devono attendere il caricamento di una pagina, più è probabile che se ne vadano prima della conversione. Quasi il 70% delle persone intervistate da Unbounce ha affermato che la velocità della pagina influenza la loro probabilità di acquistare.

La ricerca di Google e Deloitte sulla velocità della pagina ha rilevato che ogni 0,1 secondi di miglioramento del tempo di caricamento potrebbe aumentare i tassi di conversione dell'8%.

Lo stesso vale per altre metriche relative all'esperienza della pagina relative alla velocità, come le modifiche al layout e il caricamento lento del contenuto.

Perché la velocità della pagina è importante per la SEO?

La velocità della pagina influisce sulla SEO perché Google utilizza Core Web Vitals come segnale di ranking. I Core Web Vitals sono tre metriche di velocità della pagina che misurano la velocità di caricamento del contenuto della pagina. Queste metriche sono:

• La più grande vernice contenta (LCP)
• Ritardo primo ingresso (FID)
• Spostamento cumulativo del layout (CLS)

Google utilizza queste metriche per valutare la qualità dell'esperienza utente.

L'analisi della velocità della pagina è un aspetto importante delle prestazioni del sito che i gestori web e i SEO dovrebbero entrambi monitorare. A parità di condizioni, è più probabile che una pagina si classifichi meglio nella pagina dei risultati di Google se ha metriche Core Web Vital migliori.

Limitazioni con PageSpeed ​​Insights

Sebbene sia possibile recuperare manualmente i dati sulla velocità della pagina dallo strumento PageSpeed ​​Insights di Google, ciò presenta alcune importanti limitazioni:

• Non scalabile
  Lo strumento esamina un URL alla volta, il che rende la valutazione di più URL piuttosto dispendiosa in termini di tempo.
  
• Metriche a colpo d'occhio, non nel tempo
  Lo strumento fornisce un'istantanea delle metriche di velocità della pagina. Ciò rende difficile misurare i miglioramenti o i cali di velocità della pagina nel tempo. Allo stesso modo, rende difficile monitorare l'impatto sulle metriche di velocità della pagina dai miglioramenti apportati.
  
• Impossibile confrontare le metriche con i concorrenti
  Poiché puoi testare solo un URL alla volta, dovresti eseguire più test per confrontare le tue metriche di velocità della pagina interna con quelle della concorrenza. Anche se lo fai, questa sarebbe solo un'istantanea, distorta dalle pagine che scegli e dal momento in cui esegui il test.

Lo strumento per la velocità della pagina mobile di Google ha problemi simili.

La dashboard di monitoraggio della velocità della pagina di Ayima risolve questi problemi.

Come funziona il nostro monitoraggio della velocità della pagina

La nostra dashboard Page Speed ​​utilizza l'API Page Speed ​​Insights di Google per analizzare le prestazioni di molte pagine su più domini.

Facciamo richieste API per le metriche delle prestazioni sia desktop che mobili per un campione di pagine interne (client) e concorrenti. I nostri clienti hanno accesso diretto all'elenco delle pagine tracciate e possono aggiornarle in qualsiasi momento semplicemente aggiornando un foglio di Google.

Per coloro che sono nerd di Python o semplicemente curiosi, questo articolo approfondisce il modo in cui ci interfacciamo con l'API Page Speed ​​Insights.

La nostra applicazione tiene traccia dei risultati delle prestazioni in BigQuery. Questo ci consente di misurare e segnalare le modifiche alle metriche di velocità della pagina nel tempo. Colleghiamo questi dati archiviati con Google Data Studio, dove creiamo un dashboard per la velocità della pagina personalizzato in base alle esigenze di ciascun cliente.

Abbiamo la possibilità di evidenziare specifici siti Web della concorrenza in ogni dashboard, nonché URL e tipi di pagina. Ciò rende il monitoraggio della velocità della pagina sul tuo sito incredibilmente facile.

Elementi fondamentali del nostro Page Speed ​​Monitor

La nostra dashboard sulla velocità della pagina fornisce una panoramica completa delle prestazioni di velocità della pagina di un sito Web nel tempo. Traccia anche le tue prestazioni rispetto ai tuoi concorrenti.

Raccogliamo dati da due fonti: dati sul campo e dati di laboratorio. Puoi trovare ulteriori informazioni su queste metriche e su cosa misurano nella documentazione di Google. Abbiamo anche alcune informazioni più tecniche su HTTP2 e velocità della pagina.

• Campo dati
  Acquisisce i dati degli utenti del mondo reale. Questo ci permette di identificare i colli di bottiglia del mondo reale.
  • Spostamento cumulativo del layout (CLS)
    Misura la stabilità visiva. Un CLS basso garantisce che le interazioni della pagina siano fluide e prive di lag.

• Ritardo primo ingresso (FID)
  Misura la reattività al carico. Un FID basso garantisce che la pagina sia utilizzabile e che gli utenti possano interagire con essa.

• La più grande vernice contenta (LCP)
  Misura la velocità di carico percepita. Un veloce LCP aiuta a rassicurare gli utenti sul fatto che una pagina ha abbastanza contenuti renderizzati per interagire con essa.

Primo Contentful Paint (FCP)
Misura la velocità di carico percepita. Un FCP veloce aiuta a rassicurare gli utenti che sta succedendo qualcosa.

Oltre ai Core Web Vitals sopra menzionati - LCP, FID e CLS - monitoriamo una serie di altre metriche di primo livello, elencate di seguito:

• Dati di laboratorio
  Raccoglie i dati da un ambiente controllato. Ciò consente risultati riproducibili che possono essere utili per il debug dei problemi di prestazioni.
  • Punteggio delle prestazioni
    Utilizza le metriche dei dati di laboratorio di una pagina per fornire un punteggio riepilogato.

• Spostamento cumulativo del layout (CLS)

• La più grande vernice contenta (LCP)

• Primo Contentful Paint (FCP)

• Indice di velocità
  L'indice di velocità misura la velocità con cui il contenuto viene visualizzato visivamente durante il caricamento della pagina

• Time To Interactive (TTI)
  Misura la reattività al carico. Un TTI veloce significa che la pagina è rapidamente utilizzabile e interattiva

• Tempo di blocco totale (TBT)
  Misura la reattività totale. Un TBT basso significa che la pagina è utilizzabile e che gli utenti possono interagire con essa.

Approfondimenti dal nostro Page Speed ​​Tracker

Il nostro obiettivo con il Page Speed ​​Tracker è fornire informazioni che lo strumento PageSpeed ​​Insights esistente di Google non potrebbe.

Volevamo la possibilità di tenere traccia delle metriche rilevanti nel tempo. Questo ci permetterebbe di misurare l'efficacia delle iniziative di velocità della pagina o l'impatto di alcune modifiche al sito web.

Inoltre, se aggiornassimo solo un determinato tipo di pagina, volevamo essere in grado di isolare quelli nella nostra analisi. Allo stesso modo, volevamo la possibilità di esaminare le prestazioni di tipi di dispositivi o paesi specifici, se necessario.

Tutti questi erano intuizioni che avrebbero aiutato a dare un vantaggio ai nostri clienti. Ciò consentirebbe loro di apportare modifiche mirate per migliorare la velocità della propria pagina, proprio come abbiamo fatto con il nostro sito.

Misurare le prestazioni della velocità della pagina nel tempo, al contrario di una singola istantanea, ci permetterebbe di determinare quando ci stiamo muovendo nella giusta direzione. Ci mostrerebbe anche esattamente quanto stiamo muovendo l'ago.

Era anche importante poter confrontare le prestazioni del sito con quelle dei nostri concorrenti. A volte le metriche della velocità della pagina possono sembrare scadenti in base al sistema di punteggio di Google. Tuttavia, se la natura del settore richiede l'uso di immagini o video di grandi dimensioni e di alta qualità, è importante per noi dimostrarlo attraverso l'analisi della concorrenza. Un sito Web potrebbe funzionare male secondo Google ma rispetto ai concorrenti e viceversa.

La prima sezione della dashboard fornisce una panoramica di alto livello delle metriche relative alla velocità delle pagine del nostro cliente rispetto alla concorrenza. Un grafico di serie temporali ci consente di confrontare i punteggi di velocità di più pagine rispetto ai concorrenti nel tempo. Facciamo la media dei dati della concorrenza su più siti Web per fornire una prospettiva del settore sulle prestazioni della velocità della pagina. Possiamo quindi monitorare l'impatto delle modifiche/migrazioni del sito sulla velocità del sito.

Includiamo un'analisi più dettagliata delle metriche vitali per il web più in basso nella dashboard. Allo stesso modo, includiamo i dati della concorrenza su ciascun grafico per fornire un benchmark.

I filtri personalizzati ci consentono di analizzare le prestazioni di un sottoinsieme di pagine, paesi e/o tipi di dispositivi, ecc.

Una panoramica dei KPI ci offre a colpo d'occhio le metriche dei dati di laboratorio e sul campo. Ancora una volta, forniamo i dati della concorrenza per ciascuna metrica, che prende la media di più siti Web della concorrenza.

Includiamo la modifica dalla media di 30 giorni per mostrare miglioramenti o cali. La codifica a colori evidenzia aree di miglioramento facilmente identificabili. Le metriche rosse sono ciò che Google considera scarse e dovrebbero avere la precedenza in qualsiasi sforzo di ottimizzazione. Le metriche arancioni sono punteggi decenti e le metriche verdi sono buoni punteggi.

Le sezioni Tipo di pagina e Paese della dashboard suddividono le aree del sito Web del nostro cliente che devono essere migliorate. Questi mostrano quali regioni e modelli si sono o non si sono mossi nella giusta direzione.

Una sezione di ripartizione dei concorrenti più completa ti consente di visualizzare le metriche di velocità della pagina su più concorrenti. Ciò consente di identificare quali siti Web della concorrenza, in particolare, stanno andando bene e potrebbero richiedere ulteriori indagini.

Se un concorrente guadagna posizioni nelle SERP, possiamo guardare qui per determinare se è correlato a un cambiamento positivo delle metriche di velocità della pagina. Oppure, se un concorrente riprogetta il proprio sito Web, saremo in grado di monitorare l'impatto sulla velocità del sito qui.

I grafici dei dati sul campo mostrano la percentuale di utenti che registrano metriche rapide, medie e lente. Le medie settimanali ci consentono di visualizzare le tendenze nel tempo per determinare l'impatto degli sforzi per migliorare le metriche della velocità della pagina.

Possiamo creare grafici e tabelle aggiuntivi per soddisfare le esigenze dei nostri clienti.

Come configurarlo?

La console Ayima PageSpeed ​​è qualcosa che forniamo ai nostri clienti SEO in quanto ci aiuta a migliorare le prestazioni. Contattaci se hai domande o vuoi saperne di più, ci piacerebbe sentirti!