バンドルサイズ監視で肥大化を防ぐ
:LiTarget: 概要
JS バンドルサイズを CI で監視。「気づいたら3MB」を防ぐ。
:LiKey: 要点
- rollup-plugin-visualizer / next-bundle-analyzer
- 閾値超過で CI fail(例: メイン>200KB)
- パッケージ別のサイズ比較
- Dynamic Import で重いライブラリを遅延ロード
:LiUsers: 対象読者
- フロントエンド
:LiTrendingUp: 効果
初回ロード時間が30-50%短縮。