Skip to main content
Version: 1.0.0

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
pnpm install

# run benchmark
pnpm benchmark

Data

StartupHMR (Root)HMR (Leaf)Production Build
Webpack8035ms345ms265ms11321ms
Vite3078ms35ms18ms2266ms
Rspack831ms104ms96ms724ms
Farm403ms11ms10ms288ms

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