Vite 4.3 がリリースされました！
2023年4月20日
クイックリンク
パフォーマンスの向上
このマイナーリリースでは、開発サーバーのパフォーマンス向上に重点を置きました。解決ロジックが効率化され、ホットパスが改善され、`package.json`、TS設定ファイル、および解決されたURLを一般的に検索するためのよりスマートなキャッシュが実装されました。
Viteコントリビューターの一人によるこのブログ記事で、パフォーマンスに関する作業の詳細な解説を読むことができます：Vite 4.3 をより高速にした方法 🚀。
このスプリントにより、Vite 4.2と比較して全体的な速度が向上しました。
これらは、sapphi-red/performance-compareによって測定されたパフォーマンスの向上です。これは、1000個のReactコンポーネントを持つアプリのコールドおよびウォーム開発サーバーの起動時間と、ルートおよびリーフコンポーネントのHMR時間をテストします。
| Vite (babel) | Vite 4.2 | Vite 4.3 | 改善 |
|---|---|---|---|
| 開発コールドスタート | 17249.0ミリ秒 | 5132.4ミリ秒 | -70.2% |
| 開発ウォームスタート | 6027.8ミリ秒 | 4536.1ミリ秒 | -24.7% |
| ルート HMR | 46.8ミリ秒 | 26.7ミリ秒 | -42.9% |
| リーフ HMR | 27.0ミリ秒 | 12.9ミリ秒 | -52.2% |
| Vite (swc) | Vite 4.2 | Vite 4.3 | 改善 |
|---|---|---|---|
| 開発コールドスタート | 13552.5ミリ秒 | 3201.0ミリ秒 | -76.4% |
| 開発ウォームスタート | 4625.5ミリ秒 | 2834.4ミリ秒 | -38.7% |
| ルート HMR | 30.5ミリ秒 | 24.0ミリ秒 | -21.3% |
| リーフ HMR | 16.9ミリ秒 | 10.0ミリ秒 | -40.8% |
ベンチマークに関する詳細情報はこちらで確認できます。このパフォーマンス実行の仕様とバージョン
- CPU：Ryzen 9 5900X、メモリ：DDR4-3600 32GB、SSD：WD Blue SN550 NVME SSD
- Windows 10 Pro 21H2 19044.2846
- Node.js 18.16.0
- ViteとReactプラグインのバージョン
- Vite 4.2 (babel): Vite 4.2.1 + plugin-react 3.1.0
- Vite 4.3 (babel): Vite 4.3.0 + plugin-react 4.0.0-beta.1
- Vite 4.2 (swc): Vite 4.2.1 + plugin-react-swc 3.2.0
- Vite 4.3 (swc): Vite 4.3.0 + plugin-react-swc 3.3.0
早期採用者からは、Vite 4.3ベータ版のテスト中に実際のアプリで開発起動時間が1.5倍から2倍向上したという報告も受けています。皆様のアプリの結果もお待ちしております。
プロファイリング
Viteのパフォーマンス向上に取り組み続けます。各プルリクエストのパフォーマンスメトリクスを取得できるようにするためのViteの公式ベンチマークツールに取り組んでいます。
そして、vite-plugin-inspectには、どのプラグインまたはミドルウェアがアプリケーションのボトルネックになっているかを特定するのに役立つ、パフォーマンス関連の機能がさらに追加されました。
ページが読み込まれたら`vite --profile`（そして`p`を押す）を使用すると、開発サーバーの起動時のCPUプロファイルが保存されます。パフォーマンスの問題を特定するために、それらをspeedscopeのようなアプリで開くことができます。そして、DiscussionまたはViteのDiscordでViteチームと調査結果を共有できます。
次のステップ
今年の9月にNode.js 16のEOLに合わせて、Node.js 14と16の両方のサポートを打ち切る、Viteのメジャーリリースを1回行うことにしました。ご参加をご希望の場合は、早期フィードバックを収集するためのVite 5ディスカッションを開始しました。