Chrome extension that reports page size, cache usage, network requests, load time
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
ext
img
templates
.gitignore
LICENSE
README.md
bg.js
icon.png
icon0.png
icon128f.png
main.js
make.py
manifest.json
popup.css
popup.html
test.js
util.js

README.md

Page Size Inspector

Page Size Inspector is a Chrome extension that reports page size, cache usage, network requests, load time in a convenient way.

Install from Chrome Store

Screenshot

Architecture

  • Vanilla JS, no jQuery or other libs being used. (This is Chrome only, after all.)
  • Tiny and fast monkberry UI virtual DOM lib used for templating.
  • Uses the chrome.debugger API to collect request data, as chrome.webRequest was inadequate. And chrome.debugger is the only API with solid "Disable cache" logic.
  • Does not consume any resources while inactive.

Build steps

A home made simple python make script takes care of 3 tasks.

To make a release, a zip package containing necessary files:

python make.py release

To compile Monkberry templates: (first install Monkberry compiler with "npm install monkberry -g")

python make.py compile

To test the popup locally with test data:

python make.py www

Other extensions

I have developed also two other open-source Chrome extensions Quick source viewer and Save CSS.

Feedback

Send feedback to author Tomi Mickelsson. Enter praise in the Chrome Store :)