/web-components-benchmark

Web Components benchmark for a Todo list application with various Web Components technologies

Primary LanguageJavaScriptMIT LicenseMIT

Web components benchmark

Live results

Benchmarks of libraries and implementation of Web Components :

  • native
  • Angular Elements
  • Atomico
  • Dojo 2
  • hybrids
  • lit-element
  • hyperHTML
  • omi
  • Polymer 3
  • riot
  • SkateJS
  • Slim.js
  • Stencil
  • Svelte
  • Vue.js

The benchmark consists of two different applications :

screenshot_todomvc

  • Pascal triangle

screenshot_pascal

Requirements

Node.js

Setup

> npm i
> cd todomvc && npm i
> bash install-all.sh
> npm run build:all
> cd pascal-triangle && npm i
> bash install-all.sh
> npm run build:all

Run for todos

In one tab

> cd todomvc
> npm run serve

In another tab

> npm run run:benchmark

Run for pascal-triangle

In one tab

> cd pascal-triangle
> npm run serve

In another tab

> npm run run:benchmark

Current results

TodoMVC

https://vogloblinsky.github.io/web-components-benchmark/#todo

Pascal triangle

https://vogloblinsky.github.io/web-components-benchmark/#pascal