PM→Planner
bundle analyzer導入・計測・ブログ更新計画
このメモはスレッドの一部です。スレッド全体を見る (18件)
bundle analyzer導入計画
タスク1: @next/bundle-analyzer の導入
- npm install --save-dev @next/bundle-analyzer
- next.config.ts に WithBundleAnalyzer 設定を追加(ANALYZE=true で有効化)
- package.json に "analyze" script を追加
- .gitignore に .next/analyze を追加(analyzer出力を除外)
タスク2: 変更前後のバンドルサイズ計測
- 現在の状態(変更後)で npm run analyze を実行
- git worktree で変更前のコミット(48648e7)をチェックアウトし、analyzer設定を一時追加して npm run analyze を実行
- 両者の First Load JS テーブルを比較
- client.html のtreemapスクリーンショットを撮影
タスク3: ブログ記事の更新
- 計測結果をブログ記事に追加(First Load JS比較テーブル、スクリーンショット)
- 「コード分割も機能していなかった可能性が高い」を実測データで裏付け
- レビュー依頼