/components-benchmarks

Vaadin components benchmarks using tachometer

Primary LanguageJavaScript

components-benchmarks

Benchmarks for Vaadin components using tachometer.

Setup

npm install

Run the app

Benchmarks contain a same demo app, implemented using LitElement and Polymer versions of Vaadin components. To compare the FCP metric for these implementations, run:

npx tachometer --config tachometer.json

Check size

Both versions of the app use size-limit to check bundle size. To compare size when adding a new component, run:

npm run size

Results

The screenshots uploaded to the results folder are generated from 3 different branches:

  • lumo: Lumo components versions, generated from master branch
  • material: Material components versions, generated from material branch
  • src: Unstyled components versions, generated from src branch