パフォーマンスmanual
Bundle Size Budget
Ship features without bloating the client bundle — loop until size checks pass under your budget threshold.
起動プロンプト
Start the "Bundle Size Budget" loop.
Goal: client bundle stays under the size-limit budget
Max iterations: 6
Between iterations run: npm run build && npm run size-limit
Exit when: size-limit exits 0
Step 1: Build and measure bundle size. If over budget, lazy-load or trim deps until size-limit passes.
Self-pace this loop. After each iteration, run the check command, read the output, and only continue if the exit condition is not met. Stop when the exit condition passes or max iterations is reached. Give a short status update each pass.基本情報
カテゴリ
パフォーマンス
目標
client bundle stays under the size-limit budget
最大反復回数
6
検査コマンド
npm run build && npm run size-limit
退出条件
size-limit exits 0
対応エージェント
Cursor
手順
- 1
Measure bundle
Run the production build and bundle size check. Report total KB and the largest new chunks.
npm run build && npm run size-limit - 2
Trim or lazy-load
If over budget: dynamic-import heavy modules, remove unused deps, or split routes. No feature cuts unless necessary.