L'impatto commerciale dei Segnali web essenziali

Questo articolo ti aiuterà a capire in che modo Core Web Vitals è correlato alle metriche aziendali chiave esaminando esempi di aziende che hanno già riscontrato un impatto positivo per i propri utenti e la propria attività.

Saurabh Rajpal
Saurabh Rajpal
Swetha Gopalakrishnan
Swetha Gopalakrishnan

LCP, FID, CLS

Hai difficoltà a convincere gli stakeholder ad adottare Core Web Vitals? Oppure ti stai chiedendo se effettivamente aiuta la tua attività? Questo articolo ti aiuterà a capire in che modo Core Web Vitals è correlato alle metriche aziendali chiave esaminando esempi di aziende che hanno già riscontrato un impatto positivo per i propri utenti e la propria attività.

Se preferisci il video, guarda questo intervento di Google I/O:

Perché i Core Web Vitals sono importanti per i tuoi utenti e la tua attività

Gli stakeholder di un'organizzazione possono avere priorità diverse. Core Web Vitals può riunirli tutti sulla stessa pagina concentrandosi sull'ottimizzazione delle metriche incentrate sull'utente e sulla conseguente crescita aziendale.

Sto pensando ai Core Web Vitals.

Il percorso per ottenere Core Web Vitals validi può variare da un sito all'altro, a seconda del punto in cui si trova nel percorso di miglioramento del rendimento e della complessità del design del sito. Può andare dall'ottenere risultati significativi con soluzioni semplici all'implementazione di soluzioni complesse che risolvono problemi difficili. Indipendentemente dal tempo impiegato, i responsabili delle decisioni dovrebbero considerare questa operazione come un investimento a lungo termine per la crescita della propria attività. Offrire un'esperienza di navigazione rapida e fluida fa felici gli utenti e contribuisce a trasformarli in clienti fedeli e di ritorno. Per i gestori dei prodotti, il rendimento deve essere un criterio importante che definisce la qualità e il successo delle nuove funzionalità dei prodotti. L'eccellenza del prodotto e la possibilità di lavorare su sfide interessanti migliorano anche la soddisfazione degli sviluppatori.

Sebbene i Segnali web essenziali come indicatore del ranking stimolino a investire tempo nel rendimento, l'adozione di Core Web Vitals offre molti altri vantaggi a breve e lungo termine oltre al ranking. Esaminiamo diversi case study di brand globali e locali che hanno adottato Core Web Vitals (prima che avesse un impatto sul ranking) per l'attenzione all'esperienza utente.

Case study

Vodafone

Vodafone (Italia) ha migliorato il valore LCP del 31% per aumentare le vendite dell'8% .

8% in più di vendite

Tecniche

  • Esegui il rendering lato server del codice HTML critico.
  • Riduci il codice JavaScript che blocca il rendering.
  • Tecniche di ottimizzazione delle immagini.
  • Ridimensiona l'immagine hero; riassegna le risorse non critiche.

Apprendimento chiave

  • I test A/B sono il modo migliore per misurare l'impatto significativo.
  • Il test A/B deve essere lato server.

iCook

iCook ha migliorato il CLS del 15% per aumentare le entrate pubblicitarie del 10%.

Grafico che mostra l'aumento delle entrate pubblicitarie.

Tecniche

  • Minore variabilità delle dimensioni delle unità pubblicitarie e delle aree annuncio con dimensioni fisse preallocate nell'interfaccia utente.
  • Logica di caricamento degli script degli annunci ottimizzata per dare la priorità alle offerte su intestazioni e rimandare il codice JS non critico.

Apprendimento chiave

Il tasso di riempimento potrebbe essere interessato, ma alla fine le entrate aumenteranno con il miglioramento della visibilità degli annunci.

Tokopedia

Tokopedia ha migliorato il LCP del 55% e ha registrato un aumento del 23% della durata media delle sessioni.

Prima 3,78 secondi, dopo 1,72 secondi.

Tecniche

  • Elemento LCP per il rendering lato server (SSR).
  • Precarica l'elemento LCP.
  • Ottimizzazione delle immagini (compressione, WebP, caricamento lento delle immagini non critiche).

Apprendimento chiave

  • Abbiamo creato una dashboard di monitoraggio del rendimento per monitorare l'avanzamento e l'impatto nei vari team.
  • Abbiamo sperimentato diverse tecniche di rendering (ad esempio, elemento LCP SSR rispetto ai contenuti SSR sopra il riquadro rispetto al rendering lato client completo).

Redbus

Le correzioni dei Core Web Vitals hanno contribuito a un tasso di conversione mobile (TdCm) dell'80-100% e a un aumento significativo del ranking del dominio nelle proprietà di mercato globali di Redbus.

Aumento del ranking del dominio del 192% in Colombia

Tecniche

  • La correzione degli slot per i componenti della pagina e la rimozione degli script di inserimento dei tag non ottimizzati hanno migliorato il CLS.
  • L'ottimizzazione degli script di terze parti e la creazione di microservizi con il principio di responsabilità singola hanno ridotto in modo significativo TTI e TBT.

Apprendimento chiave

  • La riduzione del CLS da 1,65 a 0 ha comportato un aumento significativo del ranking dei domini a livello globale.
  • La riduzione del TTI da circa 8 secondi a circa 4 secondi e del TBT da circa 1200 ms a circa 700 ms ha contribuito a un aumento dell'80-100% del TdCm nelle proprietà globali.
  • L'utilizzo di strumenti RUM ha permesso di acquisire le metriche sul rendimento reale nei mercati di livello inferiore.
  • È molto importante adottare una cultura del rendimento per evitare la regressione. Ciò migliora anche la produttività del team grazie a un codice ottimizzato, a release più rapide e a un minor numero di problemi di produzione.

I case study riportati sopra dimostrano che puoi ottenere molto adottando le best practice e implementando soluzioni rapide. Ecco altri esempi reali di questo punto.

Netzwelt ha registrato un aumento delle entrate pubblicitarie del 18%,
Lazada ha registrato un LCP tre volte superiore e un aumento del 16,9% del tasso di conversione sui dispositivi mobili,
GYAO ha registrato un LCP 3,1 volte superiore e un miglioramento del 108% della percentuale di clic

I risultati riportati sopra sono stati ottenuti sfruttando opportunità semplici, come:

Ottimizzazione delle immagini Ottimizzazione di JavaScript Annunci e contenuti dinamici
Utilizzo del formato immagine WebP Rimandare il codice JavaScript di terze parti Prenotazione di spazio per gli annunci above the fold
Utilizzo di CDN di immagini Rimozione di codice JS che blocca la visualizzazione e inutilizzato Impostazione dell'altezza per i contenuti dinamici
Compressione Caricamento lento di codice JavaScript non critico
Rimandare le immagini non critiche Precaricamento di JS critici
Precaricamento delle immagini hero
Specificare le proporzioni

Per altre best practice, consulta le linee guida di Web Vitals. Utilizza PageSpeed Insights per eseguire un audit del tuo sito web e ricevere immediatamente consigli utili.

Esistono molti altri brand globali che hanno beneficiato dell'investimento in Core Web Vitals.

Come puoi iniziare subito?

Passaggio 1: avvia la misurazione

Inizia misurando i dati dei campi per il tuo sito utilizzando gli strumenti di monitoraggio dei dati utente reali (RUM). Esistono già vari strumenti RUM di Google e di terze parti.

Strumenti RUM

Strumenti RUM di Google

  • Search Console
  • PageSpeed Insights
  • Libreria JavaScript web-vitals
  • Rapporto sull'esperienza utente di Chrome (CrUX)

Strumenti RUM di terze parti

  • Cloudflare
  • New Relic
  • Akamai
  • Calibre
  • Triangolo blu
  • Sentry
  • SpeedCurve
  • Raygun

Scegli lo strumento più adatto a te. Puoi fare un ulteriore passo avanti e eseguire l'integrazione con Google Analytics 4 per correlare Core Web Vitals alle metriche della tua attività.

Passaggio 2: convincere gli stakeholder

  • Informa gli stakeholder sull'importanza di adottare Core Web Vitals per migliorare l'esperienza utente e la sua correlazione con le metriche aziendali.
  • Trova uno sponsor interno per avviare un piccolo esperimento.
  • Creare un obiettivo condiviso tra gli stakeholder per migliorare Core Web Vitals nei vari team.

Passaggio 3: esegui un'implementazione efficace seguendo questi suggerimenti

  • Dai la priorità: scegli una pagina con traffico elevato e/o un'elevata rilevanza per le conversioni per ottenere risultati significativi (ad es. pagina di destinazione degli annunci, pagina di conversione o pagine popolari).
  • Test A/B: utilizza i test lato server per evitare costi di rendering. Confronta i risultati tra le versioni ottimizzate e non ottimizzate.
  • Monitora: utilizza il monitoraggio continuo per evitare regressioni.

Infine, riteniamo che il rendimento sia un percorso, non una destinazione. A tal proposito, abbiamo intenzione di aggiornare questo articolo con i punti salienti dei case study più recenti. Se anche tu hai ottenuto un risultato aziendale interessante e vuoi che venga incluso in questo articolo, invia una proposta di contenuti.