Benchmark VanillaJS rendering approaches and compare them with microlibraries and popular frameworks.
For all benchmarks the duration is measured including rendering time.
This project focus on VanillaJS suboptimal implementations (named vanillajs-<something> in the frameworks/keyed and frameworks/non-keyed directories) in order to compare different approaches.
js-framework-benchmark contains a lot more implementations, as it focus on frameworks and libraries instead of VanillaJS. We removed those in order to ease readability & builds, but the logic stays globally the same.
🚧 Work In Progress
more results here
npm install
npm run lerna-bootstrap
npm run lerna-build-all
cd ./webdriver-ts
npm install
npm run build-prod
cd ../webdriver-ts-results
npm installMake sure all benchmarks are run in the same exact context. For that, we recommend to restart your computer and to only run the following commands.
- Run the HTTP server:
npm start - (in
webdriver-ts) run some benchmarks- all:
npm run bench - just one:
npm run bench (keyed|non-keyed)/<project-name> - all VanillaJS:
npm run bench -- --framework vanillajs
- all:
open http://localhost:8080/webdriver-ts-results/table.html