Simple Webpage Analysis Dev Tools

A simple Chrome extension that shows the total size for each resource type on your webpage.

Code for the blog post Building your own Chrome DevTools

Installation

1. Clone or download this repository.
2. Open the extensions page in Chrome: chrome://extensions/
3. Check Developer mode.
4. Click Load unpacked extension.
5. Find the folder your DevTools are in.

Usage

1. Open Chrome DevTools.
2. Click the Analysis panel.
3. Load/reload a page to see stats.