This is a shell script that converts a page performance profile, recorded with Chrome DevTools, into a moving image composed of the profile's embedded screenshots.
In other words, it transforms something like this (which is represented as JSON):
into this:
Why, you ask? Well, why not?
- Make sure you have
jq
,base64
, andffmpeg
installed and on your PATH. (The script has been tested with jq 1.6, base64 8.30, and ffmpeg 4.2.4.) - Download the script, put it somewhere on your PATH, and make it executable.
- Record a web page performance profile using Chrome DevTools and save it.
- Send the profile to the script's
stdin
, and redirectstdout
to a new file with a.gif
extension (the only output format currently supported).
Enjoy!