Google CrUX
Summary Category Bar
Supports 1 or more records and shows the distribution of page loads in each threshold, as well as the 75th percentile value.
SummaryCategoryBar
If you use a single metric, you can use markdown content to render its label and explanation
0
49.5
84
100.0
3.42s
SummaryCategoryBar
If you use a single metric, you can use markdown content to render its label and explanation
0
100.0
0.00
SummaryCategoryBar
You can render different metrics of the same record by using URL `VARIABLE`, and they will render a label above each.
Largest Contentful Paint
0
49.5
84
100.0
3.42s
Interaction to Next Paint
0
68.7
87.9
100
246ms
Cumulative Layout Shift
0
100.0
0.00
SummaryCategoryBar
Or you can repeat the metrics for each of the URLs in a measurement by using URL `EACH_PAGE`.
Largest Contentful Paint
0
49.5
84
100.0
3.42s
Interaction to Next Paint
0
68.7
87.9
100
246ms
Cumulative Layout Shift
0
100.0
0.00
Largest Contentful Paint
0
68.8
100
2.71s
Interaction to Next Paint
0
76.6
100.0
190ms
Cumulative Layout Shift
0
77.6
100
0.03
SummaryCategoryBar
Largest Contentful Paint
0
49.5
84
100.0
3.42s
Interaction to Next Paint
0
68.7
87.9
100
246ms
Cumulative Layout Shift
0
100.0
0.00
SummaryCategoryBar
0
11.3
61.7
100
2.14s
SummaryCategoryBar
0
27.5
64.1
100
3.45s
SummaryCategoryBar
0
49.5
84
100.0
3.42s
SummaryCategoryBar
0
68.7
87.9
100
246ms
SummaryCategoryBar
0
100.0
0.00
SummaryCategoryBar
0
13.6
80.3
100.0
239ms