Come ottenere 100/100 su Google PageSpeed

Pages+Speed  la fusione diventa Google Pagespeed

Pages sta per pagine in inglese e speed per velocità . Google ha fuso queste due parole per dare vita al suo sistema di test velocità per le pagine di un sito web Offrire un’esperienza utente fluida, senza interruzioni sul tuo sito web è un modo importante per aumentare il tasso di conversione delle tue pagine. Il tasso di conversione ha molto a che fare con la velocità di caricamento del tuo sito web.

Niente è più frustrante di un sito web lento.

I tempi di caricamento lenti di un sito web interrompono l’esperienza complessiva dell’utente e hanno un impatto negativo sul potenziale di conversione delle tue pagine web.

Dal punto di vista SEO, è meno probabile che Google metta in evidenza e cioè in prima posizione, pagine Web che impiegano troppo tempo a caricarsi.

La velocita è un fattore di Posizionamento?

“Sì, la velocità del sito è un fattore di posizionamento”, ed è un fattore radicale, da cui gli altri discendono, quindi dedicare del tempo a migliorare la velocità del sito web può migliorare drasticamente le tue posizioni in classifica.

Quindi, se sei pronto per passare da lento a veloce, il rapporto PageSpeed Insights di Google può aiutarti a identificare se le tue pagine soddisfano o meno gli standard di performance e, in caso contrario, come migliorarli.

Usa questa guida per comprendere il tuo rapporto PageSpeed Insights e imparare a sfruttarlo per migliorare le prestazioni della SERP.

Pagespeed migliora le vendite?

Più veloce è il sito web, migliore è la percentuale di conversione. Il così detto Pagespeed ​​può anche avere un impatto diretto sulle tue campagne pubblicitarie e sul punteggio di qualità(quality score di AdWords). Infatti, i siti compatibili per dispositivi mobili che caricano in meno di 5 secondi producono fino al doppio, dei propri sforzi pubblicitari rispetto a quelli che vengono caricati in 19 secondi.

La Velocità del sito è quasi… tutto

La verità è che se il tuo sito web richiede più di 2-3 secondi per essere caricato, la gente lo abbandonerà in un batter d’occhio perché è quello che fa il 40% delle persone stando ai rapporti statistici. Quindi, è necessario stare attenti all’ottimizzazione della velocità del proprio sito.  

Cos’è la velocità della pagina di un sito web?

Google definisce la velocità della pagina in due modi:

• Quanto tempo ci vuole per visualizzare i contenuti “above the fold”
• Quanto tempo impiega un browser per eseguire il rendering completo della pagina.

Ma molto dipende da:

• La velocità delle nostre pagine web.
• La connessione Internet dell’utente,
• Il servizio di web hosting di un dominio
• Lo spazio e ottimizzazione della cache.

Questi punti possono influenzare in maniera determinante i tempi di caricamento di un sito web ovvero delle sue pagine.

Quindi, quando parliamo di velocità della pagina, alcuni elementi sono fuori dal controllo del proprietario del sito. Ma ci sono molti elementi che il webmaster può ottimizzare, come immagini, video, JavaScript e altro.

Poiché la velocità della pagina è così essenziale per l’esperienza dell’utente, Google considera le prestazioni complessive di una pagina per determinare se promuoverla nelle SERP.

Dedicare del tempo all’ottimizzazione dei contenuti per la velocità mostra a Google che desideri creare un’esperienza di alta qualità per i visitatori del tuo sito.

Cos’è Google PageSpeed ​​Insights?

PageSpeed Insights è uno strumento di Google che valuta la velocità di caricamento e il comportamento di una pagina su dispositivi mobili e desktop e, a seconda dei risultati, fornisce suggerimenti concreti per il miglioramento.

Google PageSpeed ​​Insights analizza il rendimento”front-end” (cioè la parte navigata dagli utenti )della velocit della tua pagina offre suggerimenti e evidenzia opportunità per l’ottimizzazione della velocità di caricamento del sito web.

Per dirla semplice, lo strumento Google PageSpeed ​​Insights è uno strumento davvero utile. Tutti i proprietari di siti web che sono impegnati nell’implementazione dei propri siti Web o nella gestione di un sito Web, devono assolutamente utilizzare questo strumento, per capire quale rendimento hanno le loro pagine.

PageSpeed Insights è uno dei tanti strumenti di controllo della velocità della pagina disponibili per i proprietari di siti web, ma è di gran lunga il migliore per coloro che sono interessati a migliorare la velocità per scopi SEO.

Con PageSpeed Insights, i proprietari di siti web possono vedere nel dettaglio come Google interpreta le prestazioni tecniche delle loro pagine del sito web.

Come si utilizza PageSpeed ​​Insights per analizzare la velocità del sito web?

Utilizzare PageSpeed Insights è abbastanza semplice, devi solo visitare la pagina di PageSpeed Insights, inserire l’URL della pagina che devi controllare, fare clic su Analizza.

Quindi attendi circa 30 secondi, ti verrà presentata una scheda tecnica e suggerimenti per migliorare la velocità del sito web.

PageSpeed Insights e posizionamento

Sebbene la velocità del sito sia un fattore di Posizionamento di un sito web, il punteggio PSI non lo è. Il punteggio è concepito come una panoramica generale delle prestazioni tecniche del tuo sito web.

Alcune delle metriche su cui si basa lo strumento per calcolare i punteggi PSI, come Core Web Vitals, fanno parte dell'algoritmo di ranking di Google.

Tutto ciò per dire che i punteggi PSI sono una buona indicazione del fatto che le tue pagine soddisfino o meno gli standard di velocità che Google vorrebbe che fossero rispettate da un sito web. Esiste una forte correlazione tra punteggi più alti e migliori classifiche delle parole chiave.

Se un sito web presenta bassi livelli di velocità e questa problematica non viene risolta, questo farà deragliare ogni strategia SEO anche la più sofisticata.

Velocità della pagina e l’esperienza dell’utente(UX)

Oltre alla SEO, anche la velocità della pagina è essenziale per l’esperienza complessiva dell’utente.

Per gli utenti mobile, la velocità di caricamento della pagina è considerata da Google il fattore più importante, ancor più che trovare rapidamente ciò che stanno cercando o la qualità estetica della pagina.

Quali sono i fattori più importanti della Ux e quanto uno conta rispetto all’altro per Google?

Un ritardo da uno a tre secondi aumenta la probabilità di rimbalzo del visitatore del 32%.

Peggio ancora, i tassi di conversione diminuiscono in media del 4,42% per ogni secondo in più di tempo di caricamento.

Il miglioramento della velocità del sito non è negoziabile con nessuna strategia di ottimizzazione dei motori di ricerca e di ottimizzazione delle conversioni.

Lo strumento PSI di Google è il posto migliore per iniziare a capire la velocità del tuo sito e come migliorarla.

Come si usa PageSpeed Insights?

Per utilizzare lo strumento PSI di Google, inserisci un qualsiasi URL nella barra degli strumenti, premi Analizza e PageSpeed Insight si metterà al lavoro.
Mentre aspetti che venga generato il tuo rapporto, lo strumento sta facendo due cose principali.

Innanzitutto, sta raccogliendo i “Dati sul campo” della pagina o i dati sulle prestazioni contenuti nel Rapporto sull’esperienza utente di Chrome (CrUX).

In secondo luogo, misura le prestazioni della tua pagina tramite l’API Lighthouse. Questo si chiama “Lab Data” perché misura la velocità della pagina web in un ambiente simulato e controllato: reti mobile e un dispositivo di livello intermedio.

Questo aiuta a eliminare alcune variabili che possono influire sulla velocità e sulle prestazioni di una pagina web.

Cosa fa Google PageSpeed?

Google Pagespeed attribuisce al tuo sito Web un punteggio tra 0 e 100 punti;
un punteggio di 85 o superiore, indica una pagina ben funzionante, questo strumento può darti delle informazioni dettagliate sulle prestazioni del tuo sito web.

Google Pagespeed attribuisce al tuo sito Web un punteggio tra 0 e 100 punti;
un punteggio di 85 o superiore, indica una pagina ben funzionante, questo strumento può darti delle informazioni dettagliate sulle prestazioni del tuo sito web.

Grazie all’aggiornamento più recente, lo strumento ora produce risultati diversi rispetto a quanto i webmaster si sono abituati a vedere. Il vecchio test ha dato molte delusioni, fornendo troppo spesso risultati frustranti e difficili da raggiungere.

Ora sarà tutto basato su come il tuo sito sta effettivamente performando e sul miglioramento dell’esperienza utente e dei tassi di conversione sul tuo sito web.

Ora, il nuovo test di Google PageSpeed ​​Tool aggiornato si presenta in questo modo:

Suggerimenti per portare il tuo PageSpeed ​​Insights a 100. Ora, diamo un’occhiata agli elementi di cui hai bisogno per raggiungere il risultato, se aspiri a un 100/100 nel test di Google PageSpeed ​​per il tuo sito web.

Come appare Page Speed Insight?

Come avrai notato la pagina del Test di Pagespeed Insight fornisce 2 differenti schermate. Queste schermate riportano entrambe dati di tempi di caricamento relative ai principali Web Core Vitals. Nei 2 test i tempi riportati sono differenti, sai quale differenza c’e’ trai i 2 test di velocità del sito web? Vediamola!

Analisi della Pagina di Pagespeed Test

Com’e’ composta la pagina di Pagespeed?

Pagespeed insight Test dati raccolti sul campo

La parte alta del test ovvero il primo test che vediamo da parte di Pagespeed è quello offerto dai dati raccolti sul campo negli ultimi 28 giorni da parte di Google. Questo è un dato di navigazione reale e riporta i tempi di caricamento medi che gli utenti che hanno visitato la pagina che stai testando, hanno ottenuto. Quindi questo dato può essere generato solo se:

• Sei iscritto a Search Console
• Ci sono abbastanza dati disponibili da parte di Google.

Questo è l’unico e solo test attraverso il quale Google decide se il tuo sito sta passando il test di Velocità ovvero è compatibile con i Web Core Vitals.

Leggi la Guida Search Console per Principianti

Questo test quindi comprende varie esperienze fatte dagli utenti da dispositivi Mobile, sulla tua pagina con varie condizioni di connessione(magari un cliente che visita la pagina da una zona di montaggna con un 3G molto lento) e Google si occupa di creare una media dei tempi di caricamento tra tutte queste esperienze.

Capire il rapporto Pagespeed Insight

Lo strumento PSI di Google genererà un rapporto dettagliato che include la valutazione dei Core Web Vitals, i dati di laboratorio Lighthouse, le opportunità, la diagnostica e gli audit superati.

In tutto il rapporto PSI, la codifica a colori facilita la comprensione delle aree in cui la pagina ha un buon rendimento, necessita ancora di miglioramenti o ha prestazioni inferiori.

• Verde = Buono.
• Giallo = Ha bisogno di miglioramenti.
• Rosso = Scarso.

Ecco come interpretare le informazioni in ciascuna area del rapporto.

Dati di laboratorio (Lab Data)

PageSpeed Insights Lab Data di Google include dati sintetici che provengono dall’API Lighthouse. Lighthouse misura i Core Web Vitals e tre metriche aggiuntive.

• Indice di velocità: il tempo necessario affinché il contenuto appaia visivamente durante il caricamento della pagina.
• Time to Interactive: il tempo necessario affinché la pagina diventi completamente interattiva.
• Total Blocking Time: la somma del tempo che intercorre tra FCP e la piena interattività.

A differenza dei dati sul campo, le metriche misurate nei dati di laboratorio non contengono una barra di visualizzazione ma semplicemente i timestamp o i risultati del test di laboratorio.

È importante notare che alcune di queste metriche hanno un peso maggiore nel punteggio Pagespeed complessivo. Ecco l’attuale rubrica ponderata per Lab Data in Lighthouse 8.

Pagespeed Test di Light House

La seconda parte del test invece indica un test singolo effettuato da Google che simula la visita della tua pagina web da parte di utente ideale, che sta utilizzando una piattafoma mobile 4G con caratteristiche specifiche.

Questo è il motivo per cui il test in alto e il test in basso riportano dei tempi differenti, e questo è anche il motivo per cui anche se passi il test singolo potresti non essere considerato abbastanza veloce da raggiungere il punteggio 100 su 100

Capire i Core Web Vitals (dati sul campo)

I dati Core Web Vitals di PSI provengono dal Chrome UX Report e includono tre metriche principali. Ognuno cattura un diverso aspetto della velocità e del tempo di caricamento.

I Core Web Vitals

Essere veloci non è abbastanza. Google vuole che le varie parti che compongono il caricamento della pagina siano caricati in tempi specifici. Infatti come puoi notare Google effettua entrambi i due test per misurare gli stessi parametri in condizioni diverse, questi parametri, si chiamano Web Core Vitals e sono parametri di tempo che servono a Google per capire se un utente carica le varie parti del tuo sito in tempi utili per avere un esperienza di navigazione confortevole.

Cosa sono i Core Web Vitals?

I Core Web Vitals sono un insieme di metriche standardizzate di Google che aiutano gli sviluppatori a capire come gli utenti sperimentano una pagina web. Sebbene i Core Web Vitals siano stati creati per gli sviluppatori, questi strumenti possono essere utilizzati da tutti i proprietari di siti perché scompongono l’esperienza dell’utente nel mondo reale su una pagina.

Cosa fanno i core Web Vitals?

I Core Web Vitals identificano i problemi relativi all’esperienza utente generando una metrica per tre aree principali dell’esperienza utente, tra cui:

• Prestazioni di caricamento della pagina
• Facilità d’interazione
• Stabilità visiva di una pagina dal punto di vista dell’utente

Se vuoi approfondire questo concetto, leggi i nostri articoli su Core Web Vitals

Ogni metrica delle prestazioni (cioè ogni core web vitals) viene misurata in secondi o millisecondi, a eccezione de Cumulative Layout Shift (CLS).

CLS è calcolato attraverso una formula specializzata. Un punteggio CLS inferiore a 0,1 è considerato buono, mentre un punteggio CLS superiore a 0,25 è considerato scarso.<

I dati sul campo presentati nel rapporto in alto provengono dai 28 giorni precedenti e saranno anch’essi rappresentati con barre di distribuzione di progressione. Quindi anche se ti sembra di vedere due volte lo stesso test, non è così. Il primo rappresental’andamento durante i 28 giorni precedenti e il secondo il test fatto in quell’istante.

Questo perché i dati sul campo sono costituiti da dati aggregati del report CrUX e la stessa pagina web non funziona mai allo stesso modo per tutti gli utenti.

Ad esempio, nel report di cui sopra, la pagina ha soddisfatto gli standard FCP il 69% delle volte, ma non è riuscita a soddisfarli il 31% delle volte.

Eccoli qui Sotto:

LCP  – Largest Content ful Paint

Il Largest Contentful Paint è la metrica che valuta l’esperienza dell’utente di una pagina in base al tempo di caricamento del blocco di contenuto più grande di quella pagina. Ad esempio un immagine Grande o uno Slider.

Se vuoi un approfondimento su LCP leggi il nostro articolo Largest Contentful Paint

FID – First Input Delay

Il FID misura la reattività di una pagina durante il caricamento di input di elementi da un utente. Ciò significa che FID registra solo eventi come clic e pressioni di tasti.

CLS – Cumulative Layout Shift

CLS misura se gli elementi nella finestra di pagina si spostano dalla loro posizione iniziale nello spazio tra due fotogrammi renderizzati. In parole povere, questa metrica aiuta i proprietari di siti a capire se contenuti come testo, pulsanti e banner si spostano senza motivo mentre un utente sta leggendo o cliccando i contenuti su una determinata pagina.

FCP- First Contentful Paint

First Contentful Paint (FCP) misura quanto tempo impiega il browser di un utente per eseguire il rendering di elementi DOM (immagini, elementi <canvas> non bianchi e SVG). Questa metrica identifica le risorse che bloccano il rendering e viene misurata in secondi, con un intervallo di punteggi  che definiscono un tempo ideale per FCP.

Leggi l’articolo di approfondimento su First Contentful Paint

INP- Interaction to Next Paint

Interaction to Next Paint (INP) è una metrica sperimentale che valuta la responsività. Quando un’interazione con un elemento della pagina fa sì che la pagina non risponda, questo segnala un’esperienza utente scadente.

Letteralmente significa tempo per il primo byte (TTFB). È  una metrica fondamentale per misurare il tempo di configurazione della connessione e la reattività del server Web sia in laboratorio che sul campo(cioè con i dati dei tuoi utenti). Aiuta a identificare quando un server Web è troppo lento nel rispondere alle richieste. Nel caso delle richieste di navigazione, ovvero le query di un documento HTML, precede ogni altra metrica significativa delle prestazioni di caricamento

Come faccio quindi a rendere il Sito Veloce e avere 100 su 100 su Pagespeed?

Opportunità e diagnostica

Le sezioni Opportunità e Diagnostica forniscono raccomandazioni specifiche per migliorare la velocità della pagina.

Il rapporto descrive anche i risparmi di tempo stimati che potrebbero portare seguendo le raccomandazioni.

Per ottenere maggiori dettagli sui passaggi successivi, fai clic sulla freccia del menu a discesa accanto a una determinata opportunità nel rapporto.

Lo strumento spiegherà il problema e fornirà indicazioni su come risolverlo.

Allo stesso modo, la sezione Diagnostica del rapporto descrive in dettaglio le best practice che la pagina web non sembra seguire in base all’analisi della pagina.

Audit superati

Questa sezione del rapporto consente sostanzialmente ai proprietari del sito di sapere cosa sta facendo bene la pagina.

Un lungo elenco di audit superati è un buon segno e indica che la tua pagina mostra le best practice sulla velocità della pagina.

Per coloro che sono nuovi alla SEO, il rapporto PSI può sembrare estremamente tecnico.

Ma per fortuna, Google pensa sempre all’utente e fa un ottimo lavoro nel fornire elementi di azione dettagliati nella sezione Opportunità del rapporto.

A seconda delle opportunità e dei problemi identificati dallo strumento PSI, i passaggi successivi per qualsiasi proprietario del sito varieranno.

Tuttavia, alcuni problemi comuni influiscono sulla velocità della pagina che i Webmaster tendono a creare.
Le seguenti best practice sono alcune semplici ottimizzazioni che possono aiutare a migliorare la velocità e i tempi di caricamento per la maggior parte delle pagine web.

1. Prenditi cura di tutti i tuoi problemi di velocità

a velocità del sito Web sarà sempre un fattore cruciale per migliorare le prestazioni del sito e il posizionamento Google. Anche questo dato è stato determinante nell’aggiornamento dello strumento di test aggiornato. Pertanto, per essere sicuro di occuparti di tutti i problemi relativi alla velocità del tuo sito, devi tenere conto di come i temi e i plug-in, insieme ad altre integrazioni, influiscono sulla velocità del tuo sito. Investi in un servizio di web hosting affidabile è tanto importante quanto tutto il resto nel mantenimento dei tempi di caricamento del tuo sito.

Quindi, è imperativo leggere bene ogni recensione sui provider per il web hosting prima di effettuare la scelta del vostro host web WordPress. Accertati inoltre essere in grado di implementare ogni singola ottimizzazione  segnalata da Google.

2. Dai importanza ai contenuti visibili

Non appena un visitatore atterra sul tuo sito web, c’è un contenuto visibile senza scrolling. Conosciuto anche come contenuto “above the fold”, questo contenuto dovrebbe… caricarsi rapidissimamente allo scopo di tenere inchiodati i visitatori perché fa parte della prima esperienza utente.

Quindi, è importante che il tuo HTML presenti il contenuto della tua pagina web prima di presentare qualunque altra cosa. Per ottenere questo, è possibile ridurre la quantità di dati utilizzati dalle risorse o semplicemente creare il codice HTML per caricare i contenuti critici above the fold prima rispetto ad altri elementi. Se non sei interessato alla produzione di codice, assicurati di procurarti un tema adatto a questo scopo per il tuo sito web.

3.La minificazione del codice è d’obbligo

Se riesci a rendere il tuo codice sorgente più compatto, puoi effettivamente tendere verso una maggiore velocità del sito risolvendo i problemi di esperienza utente che ne derivano. Per fare ciò, ti verrà richiesto di rimuovere tutto il codice che non è necessario, come spazi bianchi, nuove linee, codice non necessario e non utilizzato, formattazione ridondante, commenti, ecc.

La minificazione è cruciale perché crea una versione server più piccola e veloce per il tuo server. Le tre risorse CSS, HTML, JavaScript richiedono la minificazione con l’aiuto degli strumenti tipo :

CSSNano, HTML Minifier, Closure compiler / Uglify JS. Eccone un esempio:

Se hai un sito Web WordPress, puoi sistemarlo facilmente.

Puoi anche utilizzare plugin come WP Super Minify o Fast Velocity Minify.

4.Ottimizza le tue immagini

Sappiamo tutti che l’ottimizzazione delle immagini presenti su un sito Web può aiutarci a rendere i nostri siti Web più veloci e svelti nel caricare. Puoi scegliere di ottimizzare manualmente o di comprimere le immagini sul tuo sito web (ma ciò richiederebbe un l’eternità) oppure potresti semplicemente utilizzare plugin di ottimizzazione delle immagini per il tuo sito WordPress come WP Smush o EWWW Image Optimizer.

Per gli altri siti Web, è possibile utilizzare strumenti di compressione delle immagini come TinyPNG, Compress JPEG.

5. La compressione è la chiave

La semplice compressione dei file prima di inviarli tramite il server consente al tuo sito Web di caricarsi più velocemente, in modo semplice. Ciò aumenterà la velocità con cui vengono trasferiti al browser. Si esatto stiamo parlando di compressione gzip.

6. Implementare il caching del browser

Ogni volta che visiti un sito web, il tuo browser memorizza i download, come HTML, CSS, JavaScript e immagini nella cache locale. Ciò semplifica il caricamento di questo sito Web al successivo accesso dallo stesso browser. Ciò riduce i ritardi che si verificano a causa del rendering della pagina web. In pratica, quando viene implementata la memorizzazione nella cache del browser, il tuo sito web viene caricato più velocemente.

Il servizio di hosting Web potrebbe già disporre di un servizio di memorizzazione nella cache del browser. Se lo desideri, puoi installare un plug-in per il Caching sul tuo sito WordPress come
WPRocket o il plugin LiteSpeed Cache.

Leggi anche: la nostra gara tra i WP Plugin Cache più veloci

7. Rimuovere il blocco del rendering JavaScript

Il modo più importante per migliorare la velocità di caricamento della pagina consiste nel caricare le risorse CSS o JS dopo il contenuto. Per fare ciò, puoi semplicemente inserire il tuo codice CSS e JavaScript “in linea” invece di usare i file .css e .js. Eliminando questo “blocco di rendering”, puoi sicuramente migliorare la velocità di caricamento della pagina.

8. Pagine AMP

Le pagine mobili accelerate aiutano le tue pagine web mobili estraendole quasi istantaneamente, presentando il contenuto in modo decadente. AMP è l’abbreviazione di Accelerated Mobile Pages. Aiuta le tue pagine web mobili a caricarsi istantaneamente eliminando la formattazione non necessaria, i contenuti per un’esperienza mobile senza interruzioni.

Conclusioni

Tutti i proprietari di siti web aspirano al grande 100/100 nel loro strumento Google PageSpeed Insights. Tuttavia, ciò che conta davvero ora è come il tuo sito web sta effettivamente performando e se offre un’esperienza utente impeccabile. Seguendo la nostra guida di cui sopra, ti avvicinerai sicuramente non solo al raggiungimento del 100/100 con lo strumento Google PageSpeed Insights, ma anche al traffico e ai tassi di conversione sul tuo sito web.

In questo post, hai imparato come migliorare la velocità Pagespeed delle tue pagine WordPress utilizzando varie tecniche. A volte, può essere opprimente comprendere tutto il gergo tecnico e applicarlo perfettamente.

Fortunatamente, un provider hosting veloce come il Nostro Nitro Cloud e un plug-in di grandi prestazioni come WP Rocket possono aiutarti a ottenere fantastici punteggi da subito.

Se vuoi ricevere una nostra consulenza immediata per la velocità del tuo sito, Contattaci Subito! Hai bisogno di velocizzare il tuo sito Web? Visita subito la nostra pagina servizi per velocizzare sito web

Ecco alcuni Articoli che potrebbero interessarti:

• Consigli per velocizzare un sito web
• Come la velocità di un sito influisce sul posizionamento
• Come ottimizzare la velocità di un sito
• Guida alla UX di un ecommerce
• Come scrivere contenuti di qualità 
• Come creare Campagne Marketing
• Vuoi diventare fashion Blogger ? Ecco cosa fare
• Guida alla configurazione di Yoast Seo
• Pianificare la SEO
• Abbassare la Frequenza di rimbalzo
• Abbassare il tasso di abbandono del carrello