web-infra-dev · chenjiahan · Feb 11, 2025 · Feb 11, 2025
diff --git a/README.md b/README.md
@@ -18,6 +18,16 @@ Rsbuild is a high-performance build tool powered by Rspack. It provides a set of
 
 Rsbuild provides [rich build features](https://rsbuild.dev/guide/start/features), including the compilation of TypeScript, JSX, Sass, Less, CSS Modules, Wasm, and others. It also supports Module Federation, image compression, type checking, PostCSS, Lightning CSS, and more.
 
+## 🚀 Performance
+
+Powered by Rspack's Rust-based architecture, Rsbuild delivers blazing fast performance that will reshape your development workflow.
+
+⚡️ **Build 1000 React components:**
+
+![benchmark](https://assets.rspack.dev/rsbuild/assets/benchmark-latest.jpeg)
+
+> 📊 Benchmark results from [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance).
+
 ## 💡 Comparisons
 
 Rsbuild is a build tool that is on par with [Vite](https://vitejs.dev/), [Create React App](https://github.com/facebook/create-react-app), or [Vue CLI](https://github.com/vuejs/vue-cli). They all come with builtin dev servers, command line tools, and sensible build configurations to provide the out-of-the-box experience.
@@ -40,14 +50,6 @@ Rsbuild shares many similarities with Vite, as they both aim to improve the fron
 - **Production consistency**: Rsbuild uses Rspack for bundling during both the development and production builds, thus ensuring a high level of consistency between the development and production outputs. This is also one of the goals Vite aims to achieve with Rolldown.
 - **Module Federation**: The Rsbuild team works closely with the [Module Federation](https://rsbuild.dev/guide/advanced/module-federation) development team, providing first-class support for Module Federation to help you develop large web applications with micro frontend architecture.
 
-## 🚀 Performance
-
-Rsbuild can fully leverage the build performance of Rspack. Here is the time taken to build 1000 React components:
-
-![benchmark](https://assets.rspack.dev/rsbuild/assets/benchmark-latest.jpeg)
-
-> The above data comes from the [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance) benchmark.
-
 ## 🔥 Features
 
 Rsbuild has the following features:

diff --git a/README.pt-BR.md b/README.pt-BR.md
@@ -18,6 +18,16 @@ Rsbuild é uma ferramenta de build de alta performance com base no Rspack. Ele f
 
 Rsbuild provê [ricas funcionalidades de build](https://rsbuild.dev/guide/start/features), incluindo a compilação de TypeScript, JSX, Sass, Less, CSS Modules, Wasm, e outros. Ele também suporta Module Federation, compressão de imagem, checagem de tipos, PostCSS, Lightning CSS, e mais.
 
+## 🚀 Desempenho
+
+Alimentado pela arquitetura baseada em Rust do Rspack, o Rsbuild oferece um desempenho extremamente rápido que irá remodelar seu fluxo de trabalho de desenvolvimento.
+
+⚡️ **Construa 1000 componentes React:**
+
+![benchmark](https://assets.rspack.dev/rsbuild/assets/benchmark-latest.jpeg)
+
+> 📊 Resultados do benchmark do [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance).
+
 ## 💡 Comparações
 
 Rsbuild é uma ferramenta de build que está no mesmo patamar do [Vite](https://vitejs.dev/), [Create React App](https://github.com/facebook/create-react-app), ou [Vue CLI](https://github.com/vuejs/vue-cli). Todos eles possuem um servidor de desenvolvimento imbutido, ferramentas de linha de comando, e configurações de build que provê uma experiência pronta para uso.
@@ -40,14 +50,6 @@ Rsbuild compartilha muitas similaridades com Vite, assim como ambos miram em mel
 - **Consistência em produção**: Rsbuild usa o Rspack para empacotamento durante as compilações de desenvolvimento e produção, garantindo assim um alto nível de consistência entre os resultados de desenvolvimento e produção. Esse também é um dos objetivos que a Vite pretende alcançar com o Rolldown.
 - **Module Federation**: O time do Rsbuild trabalha próximo com o time de [Module Federation](https://rsbuild.dev/guide/advanced/module-federation), fornecendo suporte de primeira classe para o Module Federation para ajudá-lo a desenvolver grandes aplicativos da Web com arquitetura de micro frontend.
 
-## 🚀 Desempenho
-
-O desempenho de construção do Rsbuild está no mesmo nível do Rspack nativo. Esse é o tempo necessário para criar 1.000 componentes React:
-
-![benchmark](https://assets.rspack.dev/rsbuild/assets/benchmark-latest.jpeg)
-
-> Os dados acima são provenientes do [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance) benchmark.
-
 ## 🔥 Recursos
 
 O Rsbuild tem os seguintes recursos:

diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -18,6 +18,16 @@ Rsbuild 是由 [Rspack](https://rspack.dev/) 驱动的高性能构建工具，
 
 Rsbuild 提供 [丰富的构建功能](https://rsbuild.dev/zh/guide/start/features)，包括编译 TypeScript，JSX，Sass，Less，CSS Modules，Wasm，以及其他资源，也支持模块联邦、图片压缩、类型检查、PostCSS，Lightning CSS 等功能。
 
+## 🚀 性能
+
+基于 Rspack 的 Rust 架构，Rsbuild 能够提供极致的构建性能，为你带来全新的开发体验。
+
+⚡️ **构建 1000 个 React 组件：**
+
+![benchmark](https://assets.rspack.dev/rsbuild/assets/benchmark-latest.jpeg)
+
+> 📊 Benchmark 结果来自 [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance)。
+
 ## 💡 对比其他工具
 
 Rsbuild 是与 [Vite](https://vitejs.dev/)、[Create React App](https://github.com/facebook/create-react-app) 或 [Vue CLI](https://github.com/vuejs/vue-cli) 相似的构建工具，它们都默认包含了开发服务器、命令行工具和合理的构建配置，以此来提供开箱即用的体验。
@@ -40,14 +50,6 @@ Rsbuild 与 Vite 有许多相似之处，它们皆致力于提升前端的开发
 - **生产一致性**：Rsbuild 在开发阶段和生产构建均使用 Rspack 进行打包，因此开发和生产构建的产物具备较强的一致性，这也是 Vite 通过 Rolldown 想要实现的目标之一。
 - **模块联邦**：Rsbuild 团队与 [Module Federation](https://rsbuild.dev/zh/guide/advanced/module-federation) 的开发团队密切合作，并为 Module Federation 提供一流的支持，帮助你开发微前端架构的大型 Web 应用。
 
-## 🚀 性能
-
-Rsbuild 能够充分发挥 Rspack 的性能优势，以下是构建 1000 个 React 组件的时间：
-
-![benchmark](https://assets.rspack.dev/rsbuild/assets/benchmark-latest.jpeg)
-
-> 以上数据来自 [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance) benchmark。
-
 ## 🔥 特性
 
 Rsbuild 具备以下特性：

diff --git a/website/docs/en/guide/start/index.mdx b/website/docs/en/guide/start/index.mdx
@@ -4,6 +4,18 @@ Rsbuild is a high-performance build tool powered by Rspack. It provides a set of
 
 Rsbuild provides [rich build features](/guide/start/features), including the compilation of TypeScript, JSX, Sass, Less, CSS Modules, Wasm, and others. It also supports Module Federation, image compression, type checking, PostCSS, Lightning CSS, and more.
 
+## 🚀 Performance
+
+Powered by Rspack's Rust-based architecture, Rsbuild delivers blazing fast performance that will reshape your development workflow.
+
+⚡️ **Build 1000 React components:**
+
+import { BenchmarkGraph } from '@components/Benchmark';
+
+<BenchmarkGraph />
+
+> 📊 Benchmark results from [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance).
+
 ## 💡 Comparisons
 
 Rsbuild is a build tool that is on par with [Vite](https://vitejs.dev/), [Create React App](https://github.com/facebook/create-react-app), or [Vue CLI](https://github.com/vuejs/vue-cli). They all come with builtin dev servers, command line tools, and sensible build configurations to provide the out-of-the-box experience.
@@ -26,16 +38,6 @@ Rsbuild shares many similarities with Vite, as they both aim to improve the fron
 - **Ecosystem compatibility**: Rsbuild is compatible with most webpack plugins and all Rspack plugins, while Vite is compatible with Rollup plugins. If you're currently using more plugins and loaders from the webpack ecosystem, migrating to Rsbuild would be relatively easy.
 - **Module Federation**: The Rsbuild team works closely with the [Module Federation](/guide/advanced/module-federation) development team, providing first-class support for Module Federation to help you develop large web applications with micro frontend architecture.
 
-## 🚀 Performance
-
-Rsbuild can fully leverage the build performance of Rspack. Here is the time taken to build 1000 React components:
-
-import { BenchmarkGraph } from '@components/Benchmark';
-
-<BenchmarkGraph />
-
-> The above data comes from the [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance) benchmark.
-
 ## 🔥 Features
 
 Rsbuild has the following features:

diff --git a/website/docs/zh/guide/start/index.mdx b/website/docs/zh/guide/start/index.mdx
@@ -4,6 +4,18 @@ Rsbuild 是由 [Rspack](https://rspack.dev/) 驱动的高性能构建工具，
 
 Rsbuild 提供 [丰富的构建功能](/guide/start/features)，包括编译 TypeScript、JSX、Sass、Less、CSS Modules、Wasm，以及其他资源，也支持模块联邦、图片压缩、类型检查、PostCSS、Lightning CSS 等功能。
 
+## 🚀 性能
+
+基于 Rspack 的 Rust 架构，Rsbuild 能够提供极致的构建性能，为你带来全新的开发体验。
+
+⚡️ **构建 1000 个 React 组件：**
+
+import { BenchmarkGraph } from '@components/Benchmark';
+
+<BenchmarkGraph />
+
+> 📊 Benchmark 结果来自 [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance)。
+
 ## 💡 对比其他工具
 
 Rsbuild 是与 [Vite](https://vitejs.dev/)、[Create React App](https://github.com/facebook/create-react-app) 或 [Vue CLI](https://github.com/vuejs/vue-cli) 相似的构建工具，它们都默认包含了开发服务器、命令行工具和合理的构建配置，以此来提供开箱即用的体验。
@@ -26,16 +38,6 @@ Rsbuild 与 Vite 有许多相似之处，它们皆致力于提升前端的开发
 - **生态兼容性**：Rsbuild 兼容大部分的 webpack 插件和所有 Rspack 插件，而 Vite 则是兼容 Rollup 插件。如果你目前更多地使用了 webpack 生态的插件和 loaders，那么迁移到 Rsbuild 会更容易。
 - **模块联邦**：Rsbuild 团队与 [Module Federation](/guide/advanced/module-federation) 的开发团队密切合作，并为 Module Federation 提供一流的支持，帮助你开发微前端架构的大型 Web 应用。
 
-## 🚀 性能
-
-Rsbuild 能够充分发挥 Rspack 的性能优势，以下是构建 1000 个 React 组件的时间：
-
-import { BenchmarkGraph } from '@components/Benchmark';
-
-<BenchmarkGraph />
-
-> 以上数据来自 [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance) benchmark。
-
 ## 🔥 特性
 
 Rsbuild 具备以下特性：