Benchmarks

Introduction

Using Turbopack's bench cases (1000 React components), see https://turbo.build/pack/docs/benchmarks.

Run this benchmark yourself

Test Repo：https://github.com/farm-fe/performance-compare

Test Machine（Linux Mint 21.1 Cinnamon， 11th Gen Intel© Core™ i5-11400 @ 2.60GHz × 6， 15.5 GiB）

Install dependencies

npm

yarn

pnpm

bun

run benchmark

npm

yarn

pnpm

bun

Data

	Startup	HMR (Root)	HMR (Leaf)	Production Build
Webpack	8035ms	345ms	265ms	11321ms
Vite	3078ms	35ms	18ms	2266ms
Rspack	831ms	104ms	96ms	724ms
Farm	403ms	11ms	10ms	288ms

metrics

Cold StartUp Time: The time it takes to develop a build without caching
Hot StartUp Time: The time it takes to develop a build with caching
Cold Production Build Time: The time it takes to build a production build without caching
Hot Production Build Time: The time it takes to build a production build with caching
HMR Time: The time it takes to apply an update to a file and send it to the development server to the response
- HMR Root: The time for updating a react component file that has no dependency
- HMR Leaf: The time for updating a root react component, normally it is named App.tsx or index.tsx

Benchmarks

Introduction

Run this benchmark yourself

Install dependencies

run benchmark

Data

metrics

Benchmark for all metrics

Benchmark of HMR

Benchmark of Startup

Benchmark of Production Build

Introduction​

Run this benchmark yourself​

Install dependencies​

run benchmark​

Data​

metrics​

Benchmark for all metrics​

Benchmark of HMR​

Benchmark of Startup​

Benchmark of Production Build​

Introduction

Run this benchmark yourself

Install dependencies

run benchmark

Data

metrics

Benchmark for all metrics

Benchmark of HMR

Benchmark of Startup

Benchmark of Production Build