Skip to content

A shell script that converts a Chrome DevTools page performance profile into a moving image composed of the profile's embedded screenshots.

License

Notifications You must be signed in to change notification settings

markmatney/chrome-profile-to-movie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

chrome-profile-to-movie

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):

a screenshot of the "Performance" tab in Chrome DevTools with a page performance profile loaded

into this:

a rendering of a section of the GitHub homepage

Why, you ask? Well, why not?

Installation

  1. Make sure you have jq, base64, and ffmpeg installed and on your PATH. (The script has been tested with jq 1.6, base64 8.30, and ffmpeg 4.2.4.)
  2. Download the script, put it somewhere on your PATH, and make it executable.

Usage

  1. Record a web page performance profile using Chrome DevTools and save it.
  2. Send the profile to the script's stdin, and redirect stdout to a new file with a .gif extension (the only output format currently supported).

Enjoy!

About

A shell script that converts a Chrome DevTools page performance profile into a moving image composed of the profile's embedded screenshots.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Languages