Puppeteer
Table cards
Table Value
Supports 1 or more records and displays each metric in the unit selected, detailing its value for each run as well as the computed geometric mean, median and range (to understand variability).
TableValue
You must use with `EACH_RUN` so the widget has access to each run's value for each metric.
| Metric | Run 1 | Run 2 | Run 3 | GMean | Median | Range |
|---|---|---|---|---|---|---|
Time To First Byte | 388ms | 618ms | 616ms | 528ms | 616ms | 230ms |
First Contentful Paint | 2530ms | 4051ms | 3789ms | 3387ms | 3789ms | 1521ms |
Largest Contentful Paint | 2530ms | 4051ms | 3789ms | 3387ms | 3789ms | 1521ms |
Interaction to Next Paint | – | – | -Infinityms | |||
Cumulative Layout Shift | 0.00 | 0.02 | 0.02 | 0.00 | 0.02 | 0.02 |
Table Compare Value
Supports 1 or more records and displays each metric as a row, and repeats (either URLs or runs) as multiple columns. It calculates the % change of each repeat against the first column (either first URL or first run).
TableCompareValue
You can repeat the median metric for each of the URLs in a measurement by using URL `EACH_PAGE`.
| web.dev – / | Change | web.dev … articles/lcp |
|---|---|---|
Time To First Byte616ms | -19% | Time To First Byte502ms |
First Contentful Paint3789ms | -0% | First Contentful Paint3785ms |
Largest Contentful Paint3789ms | -0% | Largest Contentful Paint3785ms |
Interaction to Next Paint– | ||
Cumulative Layout Shift0.02 | +1973% | Cumulative Layout Shift0.47 |
TableCompareValue
Or you can repeat for each of the runs in a measurement by using Run `EACH_RUN`.
| run 0 | Change | run 1 | Change | run 2 |
|---|---|---|---|---|
Time To First Byte388ms | +59% | Time To First Byte618ms | +59% | Time To First Byte616ms |
First Contentful Paint2530ms | +60% | First Contentful Paint4051ms | +50% | First Contentful Paint3789ms |
Largest Contentful Paint2530ms | +60% | Largest Contentful Paint4051ms | +50% | Largest Contentful Paint3789ms |
Interaction to Next Paint– | ||||
Cumulative Layout Shift0.00 | +15172% | Cumulative Layout Shift0.02 | +15172% | Cumulative Layout Shift0.02 |
TableCompareValue
Or you can even repeat for each of the runs on each of the URLs in a measurement by using both `EACH_RUN` and `EACH_PAGE`.
| run 0 – web.dev – / | Change | run 1 – web.dev – / | Change | run 2 – web.dev – / | Change | run 0 – web.dev … articles/lcp | Change | run 1 – web.dev … articles/lcp | Change | run 2 – web.dev … articles/lcp |
|---|---|---|---|---|---|---|---|---|---|---|
Time To First Byte388ms | +3% | Time To First Byte401ms | +59% | Time To First Byte618ms | +30% | Time To First Byte502ms | +59% | Time To First Byte616ms | +45% | Time To First Byte562ms |
First Contentful Paint2530ms | -29% | First Contentful Paint1785ms | +60% | First Contentful Paint4051ms | +50% | First Contentful Paint3785ms | +50% | First Contentful Paint3789ms | +57% | First Contentful Paint3979ms |
Largest Contentful Paint2530ms | -29% | Largest Contentful Paint1785ms | +60% | Largest Contentful Paint4051ms | +50% | Largest Contentful Paint3785ms | +50% | Largest Contentful Paint3789ms | +57% | Largest Contentful Paint3979ms |
Interaction to Next Paint– | ||||||||||
Cumulative Layout Shift0.00 | +316530% | Cumulative Layout Shift0.47 | +15172% | Cumulative Layout Shift0.02 | +316530% | Cumulative Layout Shift0.47 | +15172% | Cumulative Layout Shift0.02 | +316530% | Cumulative Layout Shift0.47 |