tomgallagher/clocker

Web extension in React to compare the performance of Chromium-based browsers and content-blocking extensions

Why?

This project was built to test the performance of Chromium-based browsers, including Chrome, Brave, Turbo, Edge and Opera, across a number of different real-world sites.

The aim was to see whether there was any noticeable performance advantages of using any particular browser on desktop, in combination with a number of different content-blocking extensions, including Adblock Plus.

The extension has a variety of settings, so you can monitor the performance of target applications with variations of bandwidth and latency, as well as the presence or absence of caching and service workers.

Key metrics and statistical analysis are included for each page and job. Results can be downloaded as CSV files. All page and job data is saved in your browser's local storage.

How to use?

Copy the build folder to your local machine and load it unpacked from the Extensions management page in your browser.

The build folder contains the minified version of all the code in the src directory, plus the public directory.

Report any bugs on the issue tracker.

How to work on the project?

Fork or clone the repo and run NPM install to install all the relevant packages listed in the package.json.

As the extension is built with React, you will need to run a build each time you make changes to files in the src or public directories. To automate this process if you are using VS Code, you can install a VS Code extension called Run On Save, for which the settings are in .vscode/settings.json.

To view changes, reload it unpacked from the Extensions management page in your browser.