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

Web Components benchmark for a various Web Components technologies
https://vogloblinsky.github.io/web-components-benchmark/

benchmark webcomponents

Last synced: about 2 months ago
JSON representation

Web Components benchmark for a various Web Components technologies

• Host: GitHub
• URL: https://vogloblinsky.github.io/web-components-benchmark/
• Owner: vogloblinsky
• License: mit
• Created: 2018-02-23T13:53:23.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T18:29:41.000Z (over 1 year ago)
• Last Synced: 2024-07-14T15:41:10.983Z (2 months ago)
• Topics: benchmark, webcomponents
• Language: JavaScript
• Homepage: https://vogloblinsky.github.io/web-components-benchmark/
• Size: 14.4 MB
• Stars: 73
• Watchers: 4
• Forks: 19
• Open Issues: 75
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-web-components - web-components-benchmark - Benchmark Web Components technologies with various examples. (Libraries / Benchmarks)

README

        
# Web components benchmark

[Live results](https://vogloblinsky.github.io/web-components-benchmark/)

Benchmarks of libraries and implementation of Web Components.

The benchmark consists of two different applications :

-   TodoMVC implementation forked from [shprink/web-components-todo](https://github.com/shprink/web-components-todo)

![screenshot_todomvc](common/screenshot_todomvc.png)

-   Pascal triangle

![screenshot_pascal](common/screenshot_pascal.png)

# Requirements

Node.js 10+

## 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 benchmark for todos

In one tab

```

// In root folder

> npm run serve

```

In another tab

```

> npm run run:benchmark

```

## Run benchmark for pascal-triangle

In one tab

```

// In root folder

> npm run serve

```

In another tab

```

> npm run run:benchmark

```

## Compile results

```

> npm run compile-results

> npm run fix-stencil

```

# Current results

## TodoMVC

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

## Pascal triangle

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