Cosa sono le web performance, ecco tutto quello che devi sapere

Perché investire nelle performance web?

La risposta semplice e immediata non si fa attendere: si investe in questo settore per aumentare le conversioni e il relativo guadagno. Se il tuo sito web è legato al successo di un’impresa non puoi ignorare lo snodo delle performance. Una maggiore ottimizzazione di questo parametro aiuta le pagine web a presentarsi in modo efficace, con semplicità.

Una pagina web facile da usare e senza impedimenti è sinonimo di un’esperienza utente chiara. Questo significa frequenza di rimbalzo abbattuta, meno abbandono delle pagine e magari del carrello acquisti. Investire nelle performance web significa agevolare le persone che arrivano sulle tue pagine web e ottenere tutti i benefici di questo lavoro.

Le conversioni sono un punto di riferimento ma c’è da dire che da questo lavoro arrivano anche dei benefit strumentali come, ad esempio, il posizionamento su Google.

Mountain View ha da sempre premiato le pagine web che operano bene con user experience nel suo insieme ma non è per questo che bisogna muoversi. In che modo procedere? Esiste una via virtuosa per operare al meglio su questi parametri?

I rami della Web Performance Optimization (WPO)

In cosa consiste esattamente il lavoro degli specialisti legati al mondo della Web Performance Optimization, vale a dire l’ottimizzazione delle prestazioni online?

Secondo la risorsa proposta da Mozilla, bisogna lavorare su alcuni settori dello sviluppo su internet. Come la riduzione del tempo di caricamento complessivo delle pagine web, i tempi di interazione tra i vari elementi della risorsa e l’utente, la fluidità delle operazioni.

Sono temi che Google ha messo in evidenza con l’aggiornamento Core Web Vitals riassumendo in tre principi il lavoro di ottimizzazione delle webperformance. Affrontiamo i vari aspetti che ogni sviluppatore, SEO expert e web designer dovrebbe conoscere.

Diminuire tempo di caricamento della pagina

Da tempo sentiamo parlare dell’importanza di una pagina web veloce. Si tratta di un fattore di ranking da diversi anni che deve essere affrontato da una prospettiva differente rispetto a quella che spesso condividiamo. Vale a dire il raggiungimento di un numero.

Non si tratta di avere un valore utile su Pagespeed Insight o Gtmetrix, senza dimenticare Lighthouse. Bisogna capire quanto tempo impiegano gli elementi per mostrarsi sul computer o magari sullo smartphone dell’utente, opzione sempre più comune.

Latenza, numero e dimensione dei file (immagini e video), compressione GZIP, codice superfluo, numero di richieste HTTP, presenza o meno di HTTP/2, HTTP keep alive, dischi SSD del server: questo e altro ancora influenza il tempo di caricamento di una pagina web e deve essere valutato con estrema cura. Cosa monitora Google nei Core Web Vitals?

Qui l’attenzione è per il Largest Contentful Paint (LCP), vale a dire il tempo necessario per caricare il contenuto più incisivo nella schermata in cui si apre la pagina web. Per fornire una buona esperienza utente, secondo Google, i siti dovrebbero mostrare questi elementi, soprattutto <img> e <video> entro 2,5 secondi dall’inizio del caricamento della pagina.

Rendere la pagina subito usabile

Un concetto differente rispetto alla velocità di caricamento. In questa fase devi fare in modo che il sito sia utilizzabile il prima possibile. E in grado di caricare le risorse in modo che l’utente possa iniziare a usarlo anche se la pagina non mostra tutti gli elementi. Che possono continuare a caricarsi in background mentre il pubblico avvia le attività.

In alcuni casi è possibile iniziare a usare le funzioni della pagina e chiamare altre risorse solo quando servono, proprio come avviene con il Lazy Load che ormai è una funzione presente in WordPress come elemento nativo.

Tutto questo secondo Google risponde al nome di First Input Delay, la capacità di un sito web di interagire in tempi ridotti.

Per avere una buona esperienza per utente, le pagine dovrebbero presentare un First Input Delay (FID) inferiore a 100 millisecondi. Quindi, quando un visitatore della pagina fa click su un collegamento ipertestuale, o interagisce con un pulsante di varia natura, il browser deve iniziare a elaborare e presentare la risposta in tempi sempre più ridotti.

Puntare sulla fluidità dell’esperienza

Altro aspetto che Google ha messo in evidenza con il Core Web Vitals grazie alla voce Cumulative Layout Shift (CLS) e che riguarda l’alterazione e lo spostamento degli elementi dopo il caricamento della pagina. Per affrontare il tema da un angolo più generico dobbiamo farci alcune domande: la pagina web che abbiamo caricato è affidabile e piacevole da usare? I vari elementi (pulsanti, link, form) sono facili da usare?

Ancora qualche interrogativo: i pop-up sono un intralcio alla navigazione?

Ci sono inserzioni interstiziali che danneggiano l’esperienza di navigazione? L’obiettivo è quello di lavorare sul codice per evitare esperienze di navigazione poco fluide, riducendo al minimo il numero di rivisitazioni dell’interfaccia utente. E avere un CLS sotto al livello 0.1.

Come si organizza un lavoro di ottimizzazione

In primo luogo bisogna puntare l’attenzione sulla necessità di investire un budget adeguato al progetto generale. E poi c’è un altro aspetto da sottolineare: mai pensare di aver raggiunto un risultato valido sempre e comunque. Uno dei principi base della Web Performance Optimization è questo: bisogna sempre monitorare e migliorare.

Vero, quando apri un sito web e lo pubblichi investi una buona parte del tempo di sviluppo per ottimizzare ogni passaggio, dalla scelta dell’hosting a quella del template. Tutto ciò per fare in modo che il portale sia in grado di muoversi a favore dell’utente di riferimento.

Magari si prende in considerazione anche la possibilità di affiancare al sito internet una web app: alcune attività possono diventare difficili da esplicare su una normale pagina ma diventano semplici e immediate su uno strumento pensato per il mobile.

Ma tutto questo cambia nel tempo al punto da dover riprendere sempre in mano la situazione. Ovviamente non a occhi chiusi. Ecco perché spesso si parla di ciclo di Deming applicato al lavoro di ottimizzazione delle performance web. Ciò significa non dare mai nulla per definito una volta per tutte e ottenere nuovi risultati attraverso un ciclo fatto di:

• Pianificazione.
• Attività.
• Monitoraggio.
• Miglioramento.

In pratica si studia il contesto per mettere in atto uno stato ideale del lavoro iniziale. Poi si procede per un periodo utile alla raccolta dei numeri, si analizzano i dati in modo da capire quali risultati sono stati archiviati. E si modifica in modo da limitare gli errori, ottimizzare i benefici, raccogliere maggior frutti utili alle proprie attività su internet. Tutto questo per raggiungere quello che nella lean production viene inteso come kaizen, la perfezione.

Chi si occupa delle webperformance?

Le professionalità sono tante, impossibile avere un quadro chiaro per ogni condizione. Ma è anche vero che esistono delle figure specifiche che hanno iniziato come esperti SEO o web designer per specializzarsi nella misurazione e ottimizzazione di alcuni aspetti.

In ogni caso è sempre utile operare con esperti di CRO (conversion rate optimization), professionisti legati alla web analytics, figure in grado di unire estetica e funzionalità della pagina web. Magari con un approccio in grado di fondere sviluppo web, conoscenza del codice e delle regole dell’ottimizzazione SEO. Qualche figura interessante che ho intervistato: