lighthouse/plots/ab-screenshot
Paul Irish 332ab0cbf1 Compact the license header (plots) 2017-06-05 19:21:14 -07:00
..
images Plots: A/B screenshot viewer (#2026) 2017-04-25 14:20:13 -07:00
README.md Plots: A/B screenshot viewer (#2026) 2017-04-25 14:20:13 -07:00
analyze.js Compact the license header (plots) 2017-06-05 19:21:14 -07:00
index.html Compact the license header (plots) 2017-06-05 19:21:14 -07:00
open.js Compact the license header (plots) 2017-06-05 19:21:14 -07:00
screenshot-viewer.css Compact the license header (plots) 2017-06-05 19:21:14 -07:00
screenshot-viewer.js Compact the license header (plots) 2017-06-05 19:21:14 -07:00

README.md

A/B Screenshot Comparison

This tools enables you to look at how two different versions of perf metrics measure real world sites.

Generating & viewing charts

# 1. Run measure two times (e.g two different versions of lighthouse)

# In /plots/
$ node measure.js

# Save the first results into another directory
$ mv ./out ./out-first

# (e.g. switch versions of lighthouse, modify algorithm)
$ node measure.js

# Switch to /plots/ab-screenshot
$ cd ab-screenshot

# Analyze the screenshot data to generate a summary file
# This will launch the screenshot viewer in the browser
$ node analyze.js -a ../out-first -b ../out-second

# If you need to open the screenshot viewer later
$ node open.js