Bootstrap - Performance Analysis

This repository is for analyzing the rendering performance of various versions and components of the bootstrap framework using browser-perf.

View results at http://axemclion.github.io/bootstrap-perf

More information in a blog post talking about how the system works.

Running the tests

1. Download and install CouchDB and Selenium.
2. Clone the repository and install all dependencies npm install
3. Run node lib/cli.js.
4. All tests are run against selenium running at http://localhost:4444/wd/hub and results are stored in a CouchDB server at http://localhost:5984/bootstrap-perf. To change any of these, edit the lib/index.js file appropriately.

Run node lib/cli.js --help to view other options to run the tests. Test can be run against specific versions and specific components.

How does it work ?

This repository runs scroll tests on each component of bootstrap. It creates a simple HTML file for each component, where each component is repeated 200 times. This webpage is opened in a browser and the page is scrolled to see the impact of CSS/JS by the Bootstrap library. Look at browser-perf for more information about the tests, and perfjankie to see how the UI/Graphs are plotted.

_ Inspired by the awesome perf done in the Topcoat.io repository. Trying to do the same thing for bootstrap _