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.

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’è Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights è uno strumento che analizza il rendimento”front-end” (cioè la parte navigata dagli utenti )del tuo sito e offre suggerimenti per l’ottimizzazione della velocità di caricamento.

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.

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.

Cosa fa 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 ad un 100/100 nel test di Google PageSpeed ​​per il tuo sito web.  

Come funziona 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:

1. Sei iscritto a Search Console
2. 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.

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.

 

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.

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

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.

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.

 

TTFB – Time to first Byte

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?

 

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

La velocità del sito Web sarà sempre un fattore cruciale per migliorare le prestazioni del sito. 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 della rete

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.

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.  

 

Conclusione

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