Browser Calories

The easiest way to measure your performance budget.

Install

This browser extension available for:

Chrome	Firefox	Opera

Setup

Install dependencies:

npm install

Compile scripts and styles:

npm start

Testing

Chrome

1. Navigate to chrome://extensions

2. Click on Load unpacked extension...

3. Select the dist folder

Firefox

1. Navigate to about:debugging

2. Click on Load temporary Add-on

3. Select the manifest.json inside the dist folder

Opera

1. Navigate to extensions

2. Click on Developer Mode

3. Click on Load unpacked extension...

4. Select the dist folder

Credits

• Illustrations by Scott Johnson
• CSS-based Nutrition Facts table by Chris Coyier

License

MIT License © Zeno Rocha