パフォーマンス改善を依頼

いつ使う？

画面が遅い時に依頼

コピペ用 指示文

この画面が遅いので原因を特定して改善してください。

【現状】
- 体感: ［重い箇所］
- 計測値: LCP ［X］秒 / FID ［Y］ms / CLS ［Z］

【調査ステップ】
1. Chrome DevTools Performance タブで Bottleneck 特定
2. ネットワーク（API遅延）か JS実行時間かを切り分け
3. 不要な再レンダリング有無を React DevTools で確認

【対策候補】
- N+1クエリの解消
- 重いコンポーネントの memo 化
- 大量リストの仮想スクロール化
- 画像の next/image 化 + lazy loading
- Code Splitting（dynamic import）
- KVキャッシュ追加

【目標】
- LCP 2.5秒以内
- FID 100ms以内

タグ

#パフォ / #改善