https://github.com/zenorocha/browser-calories

:cake: The easiest way to measure your performance budget
https://github.com/zenorocha/browser-calories

Last synced: about 1 year ago
JSON representation

:cake: The easiest way to measure your performance budget

• Host: GitHub
• URL: https://github.com/zenorocha/browser-calories
• Owner: zenorocha
• Created: 2016-04-07T23:19:40.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2016-05-30T14:21:45.000Z (almost 10 years ago)
• Last Synced: 2024-06-23T04:57:55.027Z (almost 2 years ago)
• Language: JavaScript
• Homepage: https://browserdiet.com/calories
• Size: 296 KB
• Stars: 131
• Watchers: 12
• Forks: 8
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

• awesome-wpo - Browser Calories - The easiest way to measure your performance budget. (Extensions / Meetups)
• fucking-awesome-wpo - Browser Calories - The easiest way to measure your performance budget. (Extensions / Meetups)

README

          
# Browser Calories

[![Build Status](http://img.shields.io/travis/zenorocha/browser-calories/master.svg?style=flat)](https://travis-ci.org/zenorocha/browser-calories)

![Perf Matters](https://img.shields.io/badge/perf-matters-brightgreen.svg?style=flat)

> The easiest way to measure your performance budget.

[![Browser Calories](https://cloud.githubusercontent.com/assets/398893/15591790/09e9a616-2354-11e6-9c43-4eb3b336cff1.jpg)](https://browserdiet.com/calories/)

## Install

This browser extension available for:

|  |  |  |

|:---:|:---:|:---:|

| [Chrome](https://chrome.google.com/webstore/detail/browser-calories/pdkibgfjegigkoaleelbkdpkgceljfco) | [Firefox](https://addons.mozilla.org/en-US/firefox/addon/browser-calories/) | [Opera](https://addons.opera.com/en/extensions/details/browser-calories) |

## 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](https://twitter.com/scottjohnson)

* CSS-based Nutrition Facts table by [Chris Coyier](https://twitter.com/chriscoyier)

## License

[MIT License](http://zenorocha.mit-license.org/) © Zeno Rocha