SCALE — Build Lab
TIER 2 · パフォーマンス

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

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

EFFECT

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

KEY POINTS(4)
  • rollup-plugin-visualizer / next-bundle-analyzer
  • 閾値超過で CI fail(例: メイン>200KB)
  • パッケージ別のサイズ比較
  • Dynamic Import で重いライブラリを遅延ロード
TARGET READERS
フロントエンド

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

:LiTarget: 概要

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

:LiKey: 要点

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

:LiUsers: 対象読者

  • フロントエンド

:LiTrendingUp: 効果

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