Eseguendo un test A/B incentrato specificamente sull'ottimizzazione dei Segnali web, Vodafone ha scoperto che un miglioramento del 31% del valore LCP ha portato a un aumento delle vendite dell'8%, un miglioramento del 15% del tasso di lead-visite e un miglioramento dell'11% del tasso di visite al carrello.
Vodafone è un'azienda di telecomunicazioni leader in Europa e Africa che gestisce reti fisse e mobili in 21 paesi e collabora con reti mobili in altri 48. Eseguendo un test A/B su una pagina di destinazione (in cui la versione A era ottimizzata per Web Vitals e aveva un punteggio LCP migliore del 31% nel campo rispetto alla versione B), Vodafone ha stabilito che l'ottimizzazione per Web Vitals ha generato l'8% in più di vendite.
31%
Un miglioramento del 31% della metrica LCP ha determinato...
+8%
Aumento delle vendite totali
+15%
Aumento della percentuale di lead-visite
+11%
Incremento del tasso di visite nel carrello
Mettere in evidenza l'opportunità
Vodafone sapeva che i siti web più veloci in genere sono correlati a metriche aziendali migliori ed era interessata a ottimizzare i punteggi Web Vitals come potenziale strategia per aumentare le vendite, ma aveva bisogno di determinare esattamente quale tipo di ROI avrebbe ottenuto.
L'approccio utilizzato
Test A/B
Il traffico per il test A/B proveniva da diversi canali media a pagamento, tra cui display,
iOS/Android, rete di ricerca e social. Il 50% del traffico è stato inviato alla pagina di destinazione ottimizzata (versione A) e il 50% alla pagina di riferimento (versione B). Sia la versione A che la versione B hanno ricevuto circa 100.000
clic e 34.000 visite al giorno. Come accennato in precedenza, l'unica differenza tra la versione A e la versione B era che la versione A era ottimizzata per Web Vitals. Non c'erano differenze funzionali
o visive tra le due versioni. Vodafone ha utilizzato l'API PerformanceObserver
per misurare l'LCP su sessioni utente reali e ha inviato i dati sul campo al fornitore di analisi.
Ottimizzazioni
Vodafone ha apportato le seguenti modifiche alla pagina ottimizzata (versione A):
- La logica di rendering di un widget è stata spostata dal lato client al lato server, il che ha comportato una riduzione del JavaScript che blocca il rendering.
- HTML critico con rendering lato server
- Immagini ottimizzate, tra cui il ridimensionamento dell'immagine hero, l'ottimizzazione delle immagini SVG, l'utilizzo di query supporti per evitare il caricamento di immagini non ancora visibili nell'area visibile e l'ottimizzazione delle immagini PNG.
Risultati generali relativi all'attività
Dopo aver ottimizzato la versione A per Web Vitals e l'ha confrontata con la versione non ottimizzata B, Vodafone ha scoperto che la versione A portava a:
- Un aumento dell'8% delle vendite
- Un miglioramento del 15% nella percentuale di lead-visite (il numero di utenti che sono diventati lead rispetto al numero totale di visitatori)
- Un miglioramento dell'11% nel tasso di visite al carrello (il numero di utenti che hanno visitato il carrello rispetto al numero totale di visitatori)
La tabella seguente mostra i valori per DOMContentLoaded
("DCL") e LCP che Vodafone ha osservato nella versione A ("Pagina ottimizzata") e nella versione B ("Pagina predefinita"). Tieni presente che in realtà il valore DCL è aumentato del 15%. I valori assoluti relativi alle
metriche aziendali sono stati oscurati.
In Vodafone testiamo nuove soluzioni, misuriamo i risultati, teniamo conto di ciò che ha funzionato e mettiamo in discussione ciò che non funziona, imparando dagli errori. È quello che chiamiamo "Sperimenta, apprendi rapidamente". Grazie alla collaborazione con Google e all'introduzione di LCP come KPI principale per il rendimento delle pagine, è stato possibile migliorare notevolmente l'esperienza dei clienti del nostro e-commerce.
Davide Grossi, Head of Digital Marketing, Business
Per ulteriori casi di successo, consulta la pagina Case study di scale on web.