Git Product home page Git Product logo

bootstrap-perf's Introduction

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 _

bootstrap-perf's People

Contributors

axemclion avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.