webperf-heatmap icon indicating copy to clipboard operation
webperf-heatmap copied to clipboard

Generate performance heatmaps of webpages

webperf-heatmap

screenshot

Runs a webpagetest performance test and creates a heatmap based on the video frames. Available online thanks to Heroku.

install

  1. clone this repo
  2. copy .env.sample to .env and populate the variables WPT_SERVER WPT_APIKEY and PORT
  3. npm install
  4. npm run dev