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 install
run benchmark​
npm benchmark
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
orindex.tsx
-
Benchmark for all metrics​

Benchmark of HMR​

Benchmark of Startup​

Benchmark of Production Build​
