バンドルサイズ監視で肥大化を防ぐ

概要

JS バンドルサイズを CI で監視。「気づいたら3MB」を防ぐ。

要点

• rollup-plugin-visualizer / next-bundle-analyzer
• 閾値超過で CI fail（例: メイン>200KB）
• パッケージ別のサイズ比較
• Dynamic Import で重いライブラリを遅延ロード

対象読者

• フロントエンド

効果

初回ロード時間が30-50%短縮。