INDIETRO

Pagespeed e Core Vitalis

Il Pagespeed è un valore che oscilla da 0 a 100 e misura le prestazioni di un sito web. Malgrado il nome non si limita solamente a misurare il tempo che un sito impiega per caricarsi completamente nel nostro browser, considera tutta una serie di metriche che influisono su diversi fattori come la stabilità visiva durante la fase di caricamento, il tempo per la prima interattività, ecc.

Lo strumento che Google ci mette a disposizione per monitorare ed eventualmente correggere la nostra pagina web si chiama Pagespeed Insight. È un tool completamente gratuito utilizzabile anche tramite API sempre gratuitamente fino a 25.000 richieste giornaliere (240 al minuto come massimo). Esistono altri strumenti online molto ben fatti e affidabili, tuttavia a nostro avviso è consigliabile utilizzare Pagespeed Insight perché in fondo tutto questo lo facciamo per posizionarci su Google, per cui chi meglio di Google stesso può dirci come vuole si carichi il nostro sito web?

Abbiamo scritto che lo facciamo per posizionarci su Google perché, ormai da un po' di tempo, il caricamento di un sito è diventato fattore di ranking per Google. E dobbiamo seguirlo anche se il nostro sito si carica in meno di un secondo, infatti potrebbe comunque avere un punteggio molto basso dovuto proprio alle altre metriche di cui parlavamo e che adesso vedremo.

Quanto conta per il posizionamento?

Non è facile rispondere a questa domanda, in rete si leggono articoli discordanti anche tra i cosiddetti guru della SEO, proveremo a dare la nostra opinione che ovviamente è da prendere solo come una 'opinione' e non come un dato certo e verificato.

La prima cosa che ci fa pensare è che Google stesso lo ha definito 'fattore di ranking' e che ha dichiarato di considerare solo quello da mobile, ovvero la metrica più stringente delle due, perché si basa su mobile un po' datati e con connessioni non velocissime.

Tuttavia per ottenere un risultato di 100 su 100 occorre realizzare un sito molto scarno, poco dinamico e con pochissimi elementi o script che lo possono rallentare. Diciamo che lato UX è abbastanza limitante. Tuttavia i suggerimenti che ci vengono dati sono preziosissimi e per quanto possibile vanno seguiti, ma lo vedremo dopo.

È anche inutile dire che se un sito impiega un minuto a caricarsi verrà abbandonato prima di essere visualizzato, per cui non considereremo questo caso limite.

Se guardiamo i siti nelle posizioni alte della SERP (pagina dei risultati di ricerca) noteremo che a volte hanno davanti siti con punteggi molto bassi, spesso sotto il 30 e che dietro di loro possiamo trovare pagine con punteggi notevolmente più alti. Questa situazione è diffusissima in rete e ci fa capire che sicuramente conta (altrimenti non lo avrebbero dichiarato), ma forse per una percentuale talmente bassa da incidere in modo poco significativo rispetto ad altri fattori molto più importanti come i contenuti. Quando un sito ha un punteggio che supera i 50, valore oltre il quale è considerato moderato e non lento, a nostro avviso non ha nulla di cui preoccuparsi sotto questo aspetto.

Va anche considerato che oggi si fa largo uso di piattaforme open source per sviluppare i siti internet, molto più lente per loro natura rispetto ai siti custom, questo ha comportato un abbassamento dei valori medi anche ai primi posti della SERP, mentre il Pagespeed diventa sempre più complesso e stringente.

Pagespeed e Core Vitalis

I suggerimenti di Google Pagespeed

Vediamo alcuni dei suggerimenti che spesso ci vengono dati, ma ovviamente sono molti di più quelli possibili:

Immagini: le immagini vanno sempre alleggereite il più possibile e ma di dimensioni superiori a quelle realmente visualizzate, il consiglio è anche quello di utilizzare formati più moderni e ottimizzati per il web come: PEG 2000, JPEG XR e WebP. Inoltre consiglia di rimandare il caricamento delle immagini fuori schermo solo nel momento in cui dovranno essere visualizzate, evitando inutili caricamenti e di conseguenza rallentamenti.
Blocco del rendering: i files JS e CSS che rallentano il caricamento delle pagine dovrebbero essere accorpati e possibilmente caricati in modo asincrono, cosa però non sempre possibile.
Script inutilizzati: spesso nei siti vangono caricati tanti script che però in realtà non servono a nulla o per lo meno non servono in quella determinata pagina, il consiglio è di non caricarli. Questo accade molto spesso negli open source che caricano decine di file JS e CSS inutili o se utili senza accorparli, oggi esistono dei plugin che risolvono questa problematica.
Cache: attivare la cache, ovvero la possibilità che il browser memorizzi delle verisoni statiche delle pagine caricandole più velocemente, con tempi di memorizzazione piuttosto lunghi.

Core Vitalis

Cosa sono i Core Vitalis? Sono le quattro metriche che misurano l'esperienza utente durante il caricamento del sito web, vediamoli nel dettaglio:

Largest Contentful Paint (LCP)

Il tempo di rendering dell'elemento più grande visibile all'interno del viewport, ovviamente più basso è meglio è. Viene misurato il tempo che passa tra la richiesta iniziale e quando il contenuto principale della pagina viene visualizzato completamente. Gli elementi considerati sono: elementi 'img', elementi 'image' dentro al tag 'svg', elementi 'video', elementi con un'immagine caricata in background utilizzando la funzione url dei CSS e i blocchi di testo.
Un buon punteggio deve essere inferiore a 2,5 secondi.
First Contentful Paint (FCP)

Il tempo che passa dalla richiesta iniziale del browser al rendering del primo elemento visibile della pagina. Avere un FCP veloce è fondamentale perché aiuta l'utente a capire che la pagina si sta caricando velocemente. Si può migliorare questa metrica inviando al browser solamente le risorse utili a quello che visibile agli utenti nel viewport.
Un buon punteggio deve essere inferiore a 1,8 secondi.
FID – First Input Delay

Il tempo che passa dalla prima interazione di un utente con la pagina al momento in cui il browser risponde a questa interazione, ovvero quanto impiega il browser a rispondere agli input degli utenti. In genere questa metrica viene influenzata dall'elaborazione di script pesanti o dal rendering di stili complessi. Per migliorarlo occorre ridurre la quantità di JS/CSS dove possibile.
Un buon punteggio deve essere inferiore a 100 millisecondi.
CLS – Cambio layout cumulativo

Questo è un po' l'incubo di molti, specialmente d chi lavora con gli open source, ma non solo. In pratica misura la stabilità visiva, ovvero mira a penalizzare quelle pagine che appena finito il caricamento spostano gli elementi improvvisamente, un esempio è quando non si dichiarano le misure delle immagini che auto-adattandosi al layout spingono in basso gli elementi appena caricati. Una cosa veramente fastidiosa che spesso ci fa cliccare dove non vorremmo proprio perché il bottone che volevamo cliccare si è spostato all'improvviso.

Possiamo misurare i Core Vitalis del nostro sito web mediante Pagespeed Insight oppure mediante un'estensione per Chrome chiamata Lighthouse. Quest'ultimo strumento, sempre messo a disposizione gratuitamente dal noto motore di ricerca, oltre a dati sopra elencati misura anche numerosi fattori utili per la SEO, è uno strumento dedicato agli operatori del settore ma non solo, con un minimo di preparazione sui dati monitorati chiunque può utilizzarlo senza difficoltà e correggere il proprio sito per migliorarlo lato SEO.

Come migliorare il pagespeed

Conclusione

Abbiamo analizzato come viene creato il punteggio del Pagespeed, ormai non più solo una semplice msurazione dei tempi di caricamento ma una vera e propria analisi del comportamento del sito sia durante che subito dopo il caricamento, per migliorare non solo la velocità del web ma anche la qualità, offrendo siti sempre più ottimizzati per un utilizzo semplice e senza difficoltà.

Tuttavia a livello di SEO ad oggi non si riscontra una forte incidenza di questi fattori nella SERP, forse lo diventereanno in un prossimo futuro ma conviene comunque seguire i suggerimenti per quanto possibile.