Fresnel is an automated tool for creating and comparing performance reports about web pages.
Install Fresnel from npm. Node.js 10 or later is required.
$ npm install -g fresnel
Fresnel reads configuration from a .fresnel.yml file. This is also the place to declare your performance scenarios.
A scenario consists of the following options:
url: The browser will navigate to this url.
viewport (optional): Viewport for the browser tab.
This does not include the OS or browser UI. For example, a maximised window on a 1440x900 screen could have a viewport of 1440x790.
Default: { width: 1100, height: 700 }
For additional viewport properties, see puppeteer/Page.setViewport.
reports: List of Fresnel reports to enable for this scenario.
Available:
probes: List of Fresnel probes to enable for this scenario.
Available:
Examples of Fresnel config files:
Run fresnel help to find the available commands and how to use them.
To record scenarios with Fresnel, run the fresnel record command.
Then, after changing the project under test, record the scenarios again. This time, with a different label.
Lastly, compare the two recordings using fresnel compare.
$ fresnel record "before" $ fresnel record "after" $ fresnel compare "before" "after"
Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
