Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Benchmarks to compare different Web Frameworks and Libraries tree-shaking abilities, build time speed, and bundle size!

NotificationsYou must be signed in to change notification settings

mohamedmansour/tree-shaking-benchmarks

Repository files navigation

The purpose of this repo is to compare different Web Framework / Library tree-shaking abilities, build time speed, and bundle size by importing a singleButton component. Supports esbuild, bun, rspack, and webpack.

Using Bun

One time setup if using Bun

  1. Setup bun: Open WSL or unix, runcurl -fsSL https://bun.sh/install | bash
  2. Install dependencies:bun install

How to run using Bun

Just typebun run infra bun:build

Using NodeJS

One time setup if using NodeJS

  1. Set up pnpm: Open powershell, runiwr https://get.pnpm.io/install.ps1 -useb | iex
  2. Open a new terminal/restart vscode to ensure the newly stalled pnpm is on the path
  3. Install dependencies: cd to your browser-vnext folder: runpnpm intall

How to run using NodeJS

Just typenpm run infra-node esbuild:build

Arguments to Infra Runner

  • --minify to see minified results.
  • --webui <name> to filter down an a specific webui.
  • --markdown to print markdown.
  • --iterations <num> the number of iterations to avg.

Latest results

namesize bunsize esbuildsize webpackduration bunduration esbuildduration webpack
dynamic1.11 KB0.26 KB5.54 KB3.001 ms20.926 ms415.204 ms
lit-element24.00 KB25.74 KB27.45 KB8.252 ms42.883 ms1628.428 ms
lit-material63.41 KB69.13 KB86.97 KB13.455 ms45.595 ms2652.559 ms
fast-element60.95 KB81.77 KB83.75 KB18.209 ms36.057 ms1598.785 ms
fast-fluent213.74 KB235.03 KB265.29 KB29.057 ms56.669 ms3876.024 ms
react907.57 KB982.53 KB213.66 KB68.827 ms134.911 ms2191.706 ms
react-fluent1075.16 KB1155.29 KB362.25 KB198.722 ms403.232 ms8304.037 ms
react-fluent-hydration1075.17 KB1155.28 KB362.24 KB288.047 ms414.445 ms9302.264 ms

About

Benchmarks to compare different Web Frameworks and Libraries tree-shaking abilities, build time speed, and bundle size!

Resources

Stars

Watchers

Forks

Contributors2

  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp