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

npmyarnpnpmbun

sh

npm install

sh

yarn install

sh

pnpm install

sh

bun install

run benchmark

npmyarnpnpmbun

sh

npm benchmark

sh

yarn benchmark

sh

pnpm benchmark

sh

bun benchmark

Data

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

Benchmark for all metrics

Benchmark of HMR

Benchmark of Startup

Benchmark of Production Build