Come ottenere 100/100 su Google Page Speed
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. 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 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.
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: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!Pagespeed insight Test dati raccolti sul campo
Il primo test che vediamo da parte di Pagespeed è quello dato 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 ci sono abbastanza dati disponibili da parte di Google e se il tuo sito web è censito dalla Search Console. 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 insight test velocità media
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 che sta utilizzando una piattafoma mobile con caratteristiche specifiche.test pagespeed singolo
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:Esempio di CSS minificato:
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 WP Rocket o il plugin LightSpeed Cache.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.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.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
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 webEcco 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