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
-
Navigate to
chrome://extensions
-
Click on
Load unpacked extension...
-
Select the
dist
folder
Firefox
-
Navigate to
about:debugging
-
Click on
Load temporary Add-on
-
Select the
manifest.json
inside thedist
folder
Opera
-
Navigate to
extensions
-
Click on
Developer Mode
-
Click on
Load unpacked extension...
-
Select the
dist
folder
Credits
- Illustrations by Scott Johnson
- CSS-based Nutrition Facts table by Chris Coyier
License
MIT License © Zeno Rocha