Storie di successo di Google Lighthouse: miglioramento delle prestazioni con l'ottimizzazione tecnica

Con Google Lighthouse puoi valutare in modo semplice e veloce le prestazioni tecniche di qualsiasi URL. Test dettagliati misurano i tempi di caricamento, l'accessibilità e la sicurezza web e, allo stesso tempo, rivelano il potenziale per migliorare l'infrastruttura tecnica di un sito web. In questo post del blog, vorrei condividere alcuni esempi di aziende che hanno utilizzato con successo Google Lighthouse per migliorare le proprie prestazioni online. Scopri come il mercato asiatico Carousell ha utilizzato Lighthouse per generare il 63% di traffico organico in più, come i punteggi delle prestazioni di TripAdvisor e Expedia di Lighthouse sono correlati alle classifiche di Google e altro ancora.

Se stai cercando una panoramica di cosa sia Google Lighthouse e quanto sia rilevante per il posizionamento nei motori di ricerca, puoi iniziare leggendo il nostro whitepaper sulle metriche di ricerca, "Fattori di posizionamento di Google Lighthouse 2019". Il documento analizza lo stato attuale dell'ottimizzazione dei siti Web di alto livello su Google.com, sulla base dei dati di oltre 15 milioni di audit di Google Lighthouse. Scarica il white paper qui:

Fattori di classifica del faro di Google 2019

Storia di successo 1: come l'ebay asiatico ha aumentato la sua performance nel faro da 17 a 84 punti

Il nostro primo case study Lighthouse proviene dalla risposta asiatica a eBay, il mercato carousell.com. La piattaforma di Singapore si basa principalmente sul traffico mobile e, nell'ottica di espandersi in altri paesi asiatici come l'Indonesia e le Filippine, stavano cercando un modo per aumentare il tempo di caricamento mobile della loro Progressive Web App: "Avere una pagina web richiede più tempo di 15 secondi per caricare su 3G (come ha fatto il nostro) è inaccettabile se volessimo acquisire e mantenere i nostri nuovi utenti”, spiega Stacey Tay, Web Tech Lead di Carousell, in un post sul blog su Medium in cui descrive come Carousell si è avvicinato all'ottimizzazione delle prestazioni tecniche del loro sito.

Per cominciare, spiega Stacey, i risultati dei loro audit iniziali di Lighthouse sono stati un campanello d'allarme: il punteggio delle prestazioni era di soli 17 punti e i risultati nelle categorie di app Web progressiva e Accessibilità erano molto mediocri. Solo i punteggi in due categorie, SEO e Best Practices, che si concentrano sugli aspetti di sicurezza di un sito Web come HTTPS o librerie JavaScript sicure, sono stati soddisfacenti.

Sulla base di questi risultati, l'ottimizzazione è stata principalmente mirata al miglioramento dei risultati nelle categorie Lighthouse di Performance e Progressive Web App. Il confronto prima/dopo dei punteggi Lighthouse di carousell.com mostra quanti progressi sono stati fatti in queste aree:

Le misure di ottimizzazione tecnica sono state eseguite nel 2018: a fine ottobre, Stacey Tay ha documentato il successo su Medium. Se osserviamo la visibilità SEO di carousell.com nel suo paese d'origine, Singapore, possiamo vedere un chiaro miglioramento delle prestazioni:

Prima di implementare i compiti necessari per l'ottimizzazione, è stato stabilito un chiaro obiettivo di missione:

"Volevamo offrire ai nuovi utenti un'esperienza piacevole fin dall'inizio, perché le prestazioni sono l'esperienza dell'utente. Per fare ciò, abbiamo progettato una nuova esperienza web incentrata sulle prestazioni". Stacey Tay, Web Tech Lead di Carousell

Questa missione ha posto le basi per l'ottimizzazione tecnica del sito web. È importante sottolineare che questo non è stato trattato come un progetto collaterale, ma ha avuto un'elevata priorità e un budget dedicato alle prestazioni. Con questa missione in atto, scrive Stacey, è stato più facile motivare il team, convincere la direzione dell'importanza del progetto e giustificare l'investimento dimostrando il successo del progetto.

Dopo aver concordato il budget, sono stati stabiliti gli obiettivi, sulla base dei punteggi degli audit di Google Lighthouse:

Come accennato in precedenza, il punteggio delle prestazioni prima dell'ottimizzazione era di soli 17 punti. Dopo aver ottimizzato la homepage di carousell.com, hanno ottenuto un punteggio di 84 punti. Gli aspetti dell'infrastruttura del sito che sono stati affrontati includevano la creazione di un sistema di memorizzazione nella cache più efficace con precaching della casella di lavoro e operatori di servizio, la compressione delle immagini e l'applicazione dell'inlining CSS. Insieme, queste misure hanno contribuito alla creazione di un'app Web progressiva veloce e di facile utilizzo, ed è così che la pagina viene caricata ora:

Le prove concrete del successo dell'ottimizzazione delle prestazioni di Carousell si possono trovare nei numeri. Oltre a ridurre del 65% i tempi di caricamento, il miglioramento più degno di nota è l'aumento del traffico. Dall'ottimizzazione, il traffico organico di Carousell è aumentato del 63%:

Leggi i fattori di ranking di Google Lighthouse 2019

Success Story 2: come Staples e Walmart hanno utilizzato tempi di caricamento più rapidi per aumentare le conversioni

Quando si parla di ottimizzazione dei tempi di caricamento, ci sono alcune statistiche di Google che vengono spesso utilizzate come punti di riferimento. Ad esempio, all'aumentare del tempo di caricamento, aumenta anche la probabilità che un utente mobile torni ai risultati della ricerca. Se il tempo di caricamento aumenta da uno a tre secondi, la probabilità della frequenza di rimbalzo aumenta del 32%; se i tempi di caricamento vanno da uno a cinque secondi, la probabilità di rimbalzo aumenta del 90%.

Lo strumento di analisi della velocità delle pagine GTmetrix ha studiato i vantaggi concreti della riduzione dei tempi di caricamento, esaminando un'ampia gamma di siti Web di vendita al dettaglio. Gli esempi includono rivenditori di grandi dimensioni come Staples e Walmart e dimostrano la chiara correlazione tra tempi di caricamento più rapidi e tassi di conversione più elevati.

Leggi i fattori di ranking di Google Lighthouse 2019

Success Story 3: Come Douglas ha dimezzato i tempi di caricamento

Ora passiamo al colosso tedesco dei profumi, Douglas, che ha utilizzato Google Lighthouse per apportare enormi miglioramenti alle prestazioni del proprio sito web. La loro storia di successo risale al Black Friday 2017, quando l'enorme picco di traffico significava che la pagina non era disponibile per alcuni utenti. Anche i punteggi delle prestazioni di Google Lighthouse all'epoca mostravano evidenti margini di miglioramento. Michael Singer, un consulente SEO tecnologico freelance con sede a Monaco che ha lavorato al progetto per douglas.de e, da maggio 2018, ha coordinato le operazioni tra IT e SEO, spiega: "Prima dell'ottimizzazione, il Time to Interactive su 3G era di oltre 20 secondi – ora l'abbiamo ridotto a circa 8 secondi.

Per ottenere questo risultato impressionante nell'audit di Google Lighthouse, sono state apportate modifiche significative al sito Web del rivenditore di profumi. "Abbiamo esaminato più di 200 ticket tecnici", spiega Michael, e ricorda numerose modifiche apportate: il sottodominio mobile è stato disattivato; gli utenti mobili ora atterrano al dominio www principale reattivo di Douglas. Inoltre, douglas.de è stato convertito per utilizzare JS React, che riduce il numero di nodi e richieste, comprime l'HTML e riduce le dimensioni dell'immagine. Anche la latenza del database è stata ridotta e sono state implementate diverse ottimizzazioni della cache.

“Il fulcro del nostro lavoro è l'utente, che dovrebbe essere in grado di utilizzare il sito web il più rapidamente possibile. L'obiettivo della nostra ottimizzazione della velocità della pagina era di ridurre il primo tempo interattivo di 4 secondi. Questo, insieme al passaggio a JS React e al passaggio a un'unica versione reattiva del sito Web, ha portato a una crescita significativa della nostra visibilità SEO, a un traffico più elevato e a un aumento del fatturato". Michael Singer, consulente SEO tecnico freelance

Queste ottimizzazioni, utilizzando i punteggi delle prestazioni di Google Lighthouse, hanno comportato un notevole miglioramento dei tempi di caricamento delle pagine. “Per verificare le metriche, eseguiamo test di velocità in tempo reale con Instana che ci mostrano effetti a lungo termine. Ad aprile 2018, i valori desktop erano ancora superiori a 8 secondi. Nell'ottobre 2018 raggiungevamo spesso il traguardo dei 4 secondi". Infine, ma non meno importante, è stata migliorata anche la disponibilità tecnica del sito Web, in modo da poter gestire meglio i picchi di traffico come quello del Black Friday.

Questa ottimizzazione delle prestazioni ha portato un'immediata inversione di tendenza nella visibilità SEO di douglas.de. Tra maggio 2018 e maggio 2019, il dominio ha registrato un aumento della visibilità organica del 25%.

Naturalmente, la visibilità SEO di Searchmetrics è solo un indicatore iniziale delle prestazioni di un sito Web su Google. Michael Singer fornisce ulteriori informazioni su altri KPI che sono stati influenzati dall'ottimizzazione di douglas.de. "Le visite sono aumentate notevolmente e anche il fatturato ha registrato una forte crescita", afferma Michael. Anche il tasso di conversione è aumentato di una proporzione simile, anche perché la SEO è il canale che porta a douglas.de il maggior fatturato.

I risultati dell'ottimizzazione di Douglas in sintesi:

• Tempo di caricamento della pagina -50%
• Visibilità SEO +25%
• Forte aumento di visite, conversioni e fatturato.

Leggi i fattori di ranking di Google Lighthouse 2019

Success Story 4: In che modo le prestazioni degli URL influenzano le classifiche di Google per TripAdvisor ed Expedia

Per indagare sulla relazione tra i punteggi delle prestazioni di Lighthouse e le classifiche di Google reali, ho deciso di condurre un'analisi all'interno del settore dei viaggi. Ho raccolto 3.500 parole chiave relative ai viaggi intorno agli argomenti di hotel, voli e roulotte e analizzato le pagine di ranking su Google.com, oltre a guardare le posizioni di classifica di TripAdvisor ed Expedia per queste parole chiave. Il risultato: TripAdvisor ed Expedia si classificano in alto quando anche le loro prestazioni di Google Lighthouse sono elevate:

Perché c'è una connessione così chiara qui? L'industria dei viaggi online è altamente competitiva, con numerosi grandi attori che si scontrano. Oltre a TripAdvisor ed Expedia, hai Booking.com, Hotels.com, FlightRadar ecc., che hanno tutti un alto livello di fiducia e sono marchi affermati e popolari. Allo stesso tempo, è difficile distinguere tra i diversi marchi. In molti casi il contenuto, ad esempio la descrizione di un hotel, sarà molto simile – questo rende difficile per un sito web distinguersi con un importante USP. E se diversi segnali di ranking sono in gran parte gli stessi (marchio di dimensioni simili, interfaccia simile, caratteristiche simili, contenuti simili), è probabile che le prestazioni del sito Web siano il fattore decisivo per determinare le classifiche.

“ Un tempo di caricamento rapido è estremamente importante per una buona esperienza utente. Ogni interruzione durante l'interazione con un sito Web crea una piccola frustrazione e la frustrazione dell'utente aumenta con il numero di interruzioni che si verificano. Se il tempo di caricamento aumenta di pochi secondi, numerosi siti Web mostrano un aumento della frequenza di rimbalzo, che alla fine porta a un calo del tasso di conversione". Nils Kattau, specialista in conversioni

Per scoprire quanto sono rilevanti i risultati di Google Lighthouse per il tuo mercato, puoi lavorare con i fattori di ranking di Searchmetrics personalizzati. Analizziamo i dati di Google Lighthouse per il tuo mercato rilevante, li combiniamo con i nostri dati di ranking di Searchmetrics e forniamo consigli concreti e attuabili per l'ottimizzazione tecnica del tuo sito web. Richiedi oggi il tuo rapporto personale:

Richiedi un audit personalizzato di Searchmetrics Lighthouse