AirbnbがJavaScriptビルドを高速化した方法
(medium.com)- バンドラーをWebpackからMetroに変更
→ 簡単なUI変更は80%高速化(約1分から11秒へ)
→ 最も遅い本番ビルドも55%高速化(30.5分から13.8分へ)
→ さらにWebページの性能も約1%向上 - MetroはReact Native向けのオープンソースJavaScriptバンドラー
→ Airbnbは現在もうRNを使っていないが、Webにもよく適していると考えている
→ バンドリングは3段階で構成:Resolution、Transformation、Serialization - MetroとWebpackの主な違い
- 開発時にはリクエストがあったときだけJSバンドルを処理
- マルチレイヤーキャッシュ
- Serialization
- RN向けのため、多少の作業は必要
- Bundle Splitting
- Tree-shaking
まだコメントはありません。