Strumenti per la velocità

Come pensare agli strumenti per la velocità

Google ha pubblicato molte linee guida sui dati e sugli strumenti per le prestazioni. L'obiettivo di questa infografica è consolidare queste linee guida per sviluppatori e professionisti del marketing per aiutarli a capire come pensare al rendimento e orientarsi tra tutte le offerte di strumenti per il rendimento di Google.

Scarica la versione PDF

Un foglio di carta con sopra un grafico a linee.

L'esperienza utente può essere acquisita con una singola metrica.

Una buona esperienza utente non si registra da un singolo momento. È composto da una serie di tappe fondamentali del percorso degli utenti. Comprendi le diverse metriche e tieni traccia di quelle importanti per l'esperienza degli utenti.

Mito 2

Una raccolta di iconografia di rete che rappresenta dispositivi e condizioni della rete diversi.

L'esperienza utente può essere acquisita da un singolo "utente rappresentativo".
Le prestazioni reali sono molto variabili a causa delle differenze relative ai dispositivi, alle connessioni di rete e ad altri fattori degli utenti. Calibra il lab e l'ambiente di sviluppo per testare diverse condizioni. Utilizza i dati dei campi per informare la selezione dei parametri di test per tipo di dispositivo (dispositivi mobili o computer), connessioni di rete (ad es. 3G o 4G) e altre variabili chiave.

Mito 3

Un'assortimento di raffigurazioni
di diversi tipi di utenti.

Il mio sito web si carica velocemente, quindi per i miei utenti dovrebbe caricarsi anche molto rapidamente.
I dispositivi e le reti su cui gli sviluppatori testano le prestazioni di carico sono spesso molto più veloci di quanto effettivamente sperimentato dagli utenti. Utilizza i dati sul campo per comprendere su quali dispositivi e reti si trovano gli utenti e per rispecchiare adeguatamente queste condizioni quando testi le prestazioni.

Comprendere i dati dei lab e dei campi

Dati di prova controllati

La rappresentazione di un uomo in piedi di fronte

a una serie di icone e concetti tecnici astratti

I dati di prova controllati sono dati sulle prestazioni raccolti in un ambiente controllato con impostazioni predefinite del dispositivo e della rete. che offre risultati riproducibili e funzionalità di debug per identificare, isolare e risolvere i problemi di prestazioni.

Cosa fare

Punti di forza

  • Utile per il debug dei problemi di prestazioni
  • Visibilità end-to-end e approfondita dell'esperienza utente
  • Ambiente riproducibile di test e debug
Cosa non fare

Limitazioni

  • Potrebbero non cogliere i colli di bottiglia del mondo reale
  • Impossibile correlare con i KPI delle pagine reali

Dati dei campi

Raffigurazione di persone in un ambiente pubblico che usano dispositivi mobili.

Detto anche monitoraggio utente reale o RUM.

I dati dei campi sono dati sulle prestazioni raccolti da caricamenti di pagine reali che i tuoi utenti stanno vivendo in libertà.

Cosa fare

Punti di forza

  • Cattura un'esperienza utente reale
  • Consente la correlazione con gli indicatori chiave di prestazione dell'azienda
Cosa non fare

Limitazioni {: .compare-worse }

  • Insieme di metriche limitato
  • Funzionalità di debug limitate

Quali sono i diversi strumenti per il rendimento?

Faro

Faro

Fornisce consigli personalizzati su come migliorare il tuo sito web in termini di prestazioni, accessibilità, PWA, SEO e altre best practice.

WebPageTest

WebPageTest

Ti permette di confrontare le prestazioni di una o più pagine in un ambiente di laboratorio controllato, nonché di approfondire le statistiche sulle prestazioni e testare le prestazioni su un dispositivo reale. Puoi anche eseguire Lighthouse su WebPageTest.

TestMySite

TestMySite

Consente di diagnosticare le prestazioni delle pagine web su tutti i dispositivi e fornisce un elenco di correzioni per migliorare l'esperienza di Webpagetest e PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Mostra i dati sul campo relativo alla velocità per il tuo sito, insieme a suggerimenti di ottimizzazioni comuni per migliorarlo.

Tabella di confronto velocità

Tabella di velocità

Ti consente di confrontare la velocità del tuo sito mobile con quella di app peer in oltre 10 paesi. La velocità del sito mobile si basa su dati reali del report sull'esperienza utente di Chrome.

Calcolatrice impatto

Calcolatore dell'impatto

Ti consente di stimare le potenziali entrate potenziali legate al miglioramento della velocità del tuo sito mobile, in base ai dati di benchmark di Google Analytics.

Strumenti per sviluppatori di Chrome

Strumenti per sviluppatori di Chrome

Consente di profilare il runtime di una pagina, nonché di identificare ed eseguire il debug dei colli di bottiglia delle prestazioni.

Quindi...

Icona di un libro che mostra
grafici.

Professionista del marketing o sviluppatore che cerca di creare un business case per migliorare l'esperienza utente sul tuo sito web. Parliamo di dollari e centesimi e sei alla ricerca di cifre monetarie che possano aiutarti a quantificare il costo delle opportunità e l'impatto previsto.

  • Utilizza il Scorecard della velocità per confrontare la velocità del tuo sito per dispositivi mobili con quella di app peer in più di dieci paesi. I punteggi sono basati su dati reali del Report sull'esperienza utente di Chrome.
  • Utilizza il Calcolatore dell'impatto per stimare le potenziali opportunità di entrate associate al miglioramento della velocità del tuo sito per dispositivi mobili. L'impatto è dovuto ai dati di benchmark di Google Analytics.
  • Utilizza TestMySite per testare il tempo di caricamento della tua pagina sui dispositivi mobili insieme ai benchmark di settore e per scoprire come semplici correzioni possono velocizzare il tuo sito e ridurre la perdita di visitatori. TestMySite è attualmente basato su WebPageTest e PageSpeed Insights.
Icona di un laptop con il logo Chrome dietro e leggermente sopra.

Sviluppatore che cerca di comprendere le prestazioni attuali del tuo sito, come già sperimentato dagli utenti di Chrome reali, e cerca suggerimenti di audit in base alle principali tendenze e linee guida del settore.

PageSpeed Insights ti aiuta a comprendere le prestazioni reali del tuo sito in base alle esperienze degli utenti di Chrome e ti consiglia opportunità di ottimizzazione.

Icona di una pagina dei risultati
di controllo di Lighthouse.

Sviluppatore che cerca di comprendere e controllare un sito web in base alle moderne best practice per le prestazioni web.

Lighthouse contiene un insieme completo di opportunità per il rendimento; fornisce un elenco delle opportunità di rendimento mancanti dalla pagina e il tempo risparmiato implementando ogni ottimizzazione, il che può aiutarti a capire cosa devi fare.

Icona di una lente d'ingrandimento
sopra un insetto.

Sviluppatore alla ricerca di indicazioni tecniche su come eseguire il debug/l'analisi approfondita del rendimento del sito.

Gli Strumenti per sviluppatori di Chrome (CDT) contengono un riquadro delle prestazioni che ti consente di visualizzare in dettaglio i problemi di prestazioni del tuo sito mediante la profilazione del sito con configurazioni personalizzate, in modo da poter tenere traccia dei colli di bottiglia delle prestazioni. Puoi utilizzare CDT nella versione di produzione o di sviluppo di un sito web.

WebPageTest contiene una suite avanzata di metriche e visualizzatori di tracce. Consente di analizzare in dettaglio le prestazioni del sito su hardware mobile reale in base alle condizioni della rete.