Come utilizzare il set di dati BigQuery CrUX

I dati non elaborati del report sull'esperienza utente di Chrome (CrUX) sono disponibili su BigQuery, un database su Google Cloud. Per utilizzare BigQuery sono necessari un progetto Google Cloud e una conoscenza di base di SQL.

In questa guida, scopri come utilizzare BigQuery per scrivere query sul set di dati CrUX al fine di estrarre risultati utili sullo stato delle esperienze utente sul web:

  • Capire come sono organizzati i dati
  • Scrivere una query di base per valutare il rendimento di un'origine
  • Scrivi una query avanzata per monitorare il rendimento nel tempo

Organizzazione dei dati

Inizia esaminando una query di base:

SELECT COUNT(DISTINCT origin) FROM `chrome-ux-report.all.202206`

Per eseguire la query, inseriscila nell'editor query e premi il pulsante "Esegui query":

Inserisci una semplice query nell'editor e premi Esegui.

Questa query è composta da due parti:

  • SELECT COUNT(DISTINCT origin) indica la query per il numero di origini nella tabella. In linea di massima, due URL fanno parte della stessa origine se hanno lo stesso schema, lo stesso host e la stessa porta.

  • FROM chrome-ux-report.all.202206 specifica l'indirizzo della tabella di origine, composta da tre parti:

    • Il nome del progetto Cloud chrome-ux-report in cui sono organizzati tutti i dati di CrUX
    • Il set di dati all, che rappresenta i dati di tutti i paesi
    • Tabella 202206, l'anno e il mese dei dati in formato AAAAMM

Esistono anche set di dati per ogni paese. Ad esempio, chrome-ux-report.country_ca.202206 rappresenta solo i dati sull'esperienza utente provenienti dal Canada.

In ogni set di dati sono presenti tabelle per ogni mese a partire da ottobre 2017. Le nuove tabelle relative al mese di calendario precedente vengono pubblicate regolarmente.

La struttura delle tabelle di dati (nota anche come schema) contiene:

  • L'origine, ad esempio origin = 'https://www.example.com', che rappresenta la distribuzione aggregata dell'esperienza utente per tutte le pagine del sito web
  • La velocità di connessione al momento del caricamento della pagina, ad esempio effective_connection_type.name = '4G'
  • Il tipo di dispositivo, ad esempio form_factor.name = 'desktop'
  • Le metriche dell'esperienza utente
    • first_paint (FP)
    • first_contentful_paint (FCP)
    • largest_contentful_paint (LCP)
    • dom_content_loaded (DCL)
    • onload (OL)
    • layout_instability.cumulative_layout_shift (CLS)
    • interaction_to_next_paint (INP)

I dati relativi a ogni metrica sono organizzati come un array di oggetti. In notazione JSON, first_contentful_paint.histogram.bin avrà un aspetto simile al seguente:

[
    {"start": 0, "end": 100, "density": 0.1234},
    {"start": 100, "end": 200, "density": 0.0123},
    ...
]

Ogni intervallo contiene una data e un'ora di inizio e di fine in millisecondi e una densità che rappresenta la percentuale di esperienze utente all'interno di quell'intervallo di tempo. In altre parole, il 12, 34% delle esperienze FCP per questa origine ipotetica, velocità di connessione e tipo di dispositivo è inferiore a 100 ms. La somma di tutte le densità dei contenitori è pari al 100%.

Sfoglia la struttura delle tabelle in BigQuery.

Valutare il rendimento

Possiamo utilizzare le nostre conoscenze dello schema della tabella per scrivere una query che estragga questi dati sulle prestazioni.

SELECT
  fcp
FROM
  `chrome-ux-report.all.202206`,
  UNNEST(first_contentful_paint.histogram.bin) AS fcp
WHERE
  origin = 'https://web.dev' AND
  effective_connection_type.name = '4G' AND
  form_factor.name = 'phone' AND
  fcp.start = 0

Esecuzione di query su CrUX FCP su BigQuery

Il risultato è 0.01115, il che significa che l'1,115% delle esperienze utente in questa origine è compreso tra 0 e 100 ms su 4G e su uno smartphone. Se vogliamo generalizzare la query a qualsiasi connessione e a qualsiasi tipo di dispositivo, possiamo ometterli dalla clausola WHERE e utilizzare la funzione di aggregazione SUM per sommare tutte le rispettive densità dei bin:

SELECT
  SUM(fcp.density)
FROM
  `chrome-ux-report.all.202206`,
  UNNEST(first_contentful_paint.histogram.bin) AS fcp
WHERE
  origin = 'https://web.dev' AND
  fcp.start = 0

Somma di CrUX FCP su BigQuery

Il risultato è 0.05355, ovvero il 5,355% su tutti i dispositivi e i tipi di connessione. Possiamo modificare leggermente la query e sommare le densità per tutti i bucket nell'intervallo FCP "veloce" compreso tra 0 e 1000 ms:

SELECT
  SUM(fcp.density) AS fast_fcp
FROM
  `chrome-ux-report.all.202206`,
  UNNEST(first_contentful_paint.histogram.bin) AS fcp
WHERE
  origin = 'https://web.dev' AND
  fcp.start < 1000

Esecuzione rapida di query FCP su BigQuery

In questo modo ottieni 0.6977. In altre parole, il 69,77% delle esperienze utente FCP su web.dev è considerato "rapido" in base alla definizione dell'intervallo FCP.

Monitora le prestazioni

Ora che abbiamo estratto i dati sul rendimento di un'origine, possiamo confrontarli con i dati storici disponibili nelle tabelle precedenti. Per farlo, potremmo riscrivere l'indirizzo della tabella in un mese precedente oppure utilizzare la sintassi dei caratteri jolly per eseguire query su tutti i mesi:

SELECT
  _TABLE_SUFFIX AS yyyymm,
  SUM(fcp.density) AS fast_fcp
FROM
  `chrome-ux-report.all.*`,
  UNNEST(first_contentful_paint.histogram.bin) AS fcp
WHERE
  origin = 'https://web.dev' AND
  fcp.start < 1000
GROUP BY
  yyyymm
ORDER BY
  yyyymm DESC

Eseguire query su una serie temporale di FCP CrUX in BigQuery

Qui vediamo che la percentuale di esperienze FCP rapide varia di alcuni punti percentuali ogni mese.

aaaamm fast_fcp
202206 69,77%
202205 70,71%
202204 69,04%
202203 69,82%
202202 67,75%
202201 58,96%
202112 41,69%

Con queste tecniche, puoi esaminare il rendimento di un'origine, calcolare la percentuale di esperienze rapide e monitorarla nel tempo. Come passaggio successivo, prova a eseguire query per due o più origini e confronta il loro rendimento.

Domande frequenti

Di seguito sono riportate alcune delle domande frequenti sul set di dati BigQuery CrUX:

Quando è consigliabile utilizzare BigQuery invece di altri strumenti?

BigQuery è necessario solo quando non riesci a ottenere le stesse informazioni da altri strumenti come la dashboard CrUX e PageSpeed Insights. Ad esempio, BigQuery ti consente di suddividere i dati in modo significativo e persino unirli ad altri set di dati pubblici come HTTP Archive per eseguire alcune attività di data mining avanzate.

Esistono limitazioni all'utilizzo di BigQuery?

Sì, il limite più importante è che, per impostazione predefinita, gli utenti possono eseguire query solo per 1 TB di dati al mese. Oltre questa quantità, si applica la tariffa standard di 5 $/TB.

Dove posso trovare ulteriori informazioni su BigQuery?

Per saperne di più, consulta la documentazione di BigQuery.