Puppeteer
Images & videos
Images and videos are widgets that display images and videos from the recorded test in different formats.
Screenshot
Supports 1 or more records and shows the last image of the page as it appeared on the test. If there’s more than one, it’ll show the label of the record.
Screenshot
You can use `VARIABLE` for device/url meaning it will show what ever the user currently selects (phone or desktop, origin or exact page)
Screenshot
Or you can specifically set the device using `DESKTOP` or `PHONE`
Screenshot
You can use URL `EACH_PAGE` to compare all the different tests on the same device
Filmstrip
Supports 1 or more records and shows a series of screenshots of the page as it appeared at different points in time during the test.
Filmstrip
You can use `VARIABLE` for device/url meaning it will show what ever the user currently selects (phone or desktop, origin or exact page)
| 0.00s | 0.10s | 0.20s | 0.30s | 0.40s | 0.50s | 0.60s | 0.70s | 0.80s | 0.90s | 1.00s | 1.10s | 1.20s | 1.30s | 1.40s | 1.50s | 1.60s | 1.70s | 1.80s | 1.90s | 2.00s | 2.10s | 2.20s | 2.30s | 2.40s | 2.50s | 2.60s | 2.70s | 2.80s | 2.90s | 3.00s | 3.10s | 3.20s | 3.30s | 3.40s | 3.50s | 3.60s | 3.70s | 3.80s | 3.90s | 4.00s | 4.10s | 4.20s | 4.30s | 4.40s | 4.50s | 4.60s | 4.70s | 4.80s | 4.90s | 5.00s | 5.10s | 5.20s | 5.30s | 5.40s | 5.50s | 5.60s | 5.70s | 5.80s | 5.90s | 6.00s | 6.10s | 6.20s | 6.30s | 6.40s | 6.50s | 6.60s | 6.70s | 6.80s | 6.90s | 7.00s | 7.10s | 7.20s | 7.30s | 7.40s | 7.50s | 7.60s | 7.70s | 7.80s | 7.90s | 8.00s | 8.10s | 8.20s | 8.30s | 8.40s | 8.50s | 8.60s | 8.70s | 8.80s | 8.90s | 9.00s | 9.10s | 9.20s | 9.30s |
| https://web.dev/ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 | | |  |  |  |  | | | | | | | | | | | | | | | | | | | |  | | | | |  |  |  | | | | | | | | | | | | | | | | | | | | | | | | |  | | |  | |  |  |  | | | | | | | |  | | |  | | |  |  |  |  |  |  |  | |  |  |  |  |  | | |
Filmstrip
Or you can specifically set the device using `DESKTOP` or `PHONE`
| 0.00s | 0.10s | 0.20s | 0.30s | 0.40s | 0.50s | 0.60s | 0.70s | 0.80s | 0.90s | 1.00s | 1.10s | 1.20s | 1.30s | 1.40s | 1.50s | 1.60s | 1.70s | 1.80s | 1.90s | 2.00s | 2.10s | 2.20s | 2.30s | 2.40s | 2.50s | 2.60s | 2.70s | 2.80s | 2.90s | 3.00s |
| https://web.dev/ | ||||||||||||||||||||||||||||||
 | | | | | | | | | | | | | |  |  |  | | | | | | |  |  |  |  | |  |  | |
Filmstrip
You can use URL `EACH_PAGE` to compare all the different tests on the same device
| 0.00s | 0.10s | 0.20s | 0.30s | 0.40s | 0.50s | 0.60s | 0.70s | 0.80s | 0.90s | 1.00s | 1.10s | 1.20s | 1.30s | 1.40s | 1.50s | 1.60s | 1.70s | 1.80s | 1.90s | 2.00s | 2.10s | 2.20s | 2.30s | 2.40s | 2.50s | 2.60s | 2.70s | 2.80s | 2.90s | 3.00s | 3.10s | 3.20s | 3.30s | 3.40s | 3.50s | 3.60s | 3.70s | 3.80s | 3.90s | 4.00s | 4.10s | 4.20s | 4.30s | 4.40s | 4.50s | 4.60s | 4.70s | 4.80s | 4.90s | 5.00s | 5.10s | 5.20s | 5.30s | 5.40s | 5.50s | 5.60s | 5.70s | 5.80s | 5.90s | 6.00s | 6.10s | 6.20s | 6.30s | 6.40s | 6.50s | 6.60s | 6.70s | 6.80s | 6.90s | 7.00s | 7.10s | 7.20s | 7.30s | 7.40s | 7.50s | 7.60s | 7.70s | 7.80s | 7.90s | 8.00s | 8.10s | 8.20s | 8.30s | 8.40s | 8.50s | 8.60s | 8.70s | 8.80s | 8.90s | 9.00s | 9.10s | 9.20s | 9.30s |
| https://web.dev/ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
| https://web.dev/articles/lcp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| | | | | | | | | | | | | | | | | | |  | | |  |  |  | |  | | | | | | | | | | | | | | | | | | | | |  | | |  |  |  |  | | |  | | | | | |  |  |  |  |  |  |  | |  |  |  | |  |  | | | | | | | | | | | | | | | | | | |
Video
Supports 1 or more records and shows a recreation of the page as it appeared in the browser at the time the test was recorded.
If your browser supports it, you can also record and download it as a file to share with others. Note you can customize the labels on advanced settings, and it uses light/dark mode based on your settings.
Video
You can use `VARIABLE` for device/url meaning it will show what ever the user currently selects (phone or desktop, origin or exact page)
Preparing frames...
Video
You can use URL `EACH_PAGE` to compare all the different tests on the same device
Preparing frames...
Video
Or you can manually render `PHONE` and `DESKTOP` for the currently selected URL instead
Preparing frames...