パフォーマンス改善を依頼
修正・改善Optimize Performance
画面が遅い時に依頼
コピペ用 指示文
377 文字
この画面が遅いので原因を特定して改善してください。
【現状】
- 体感: [重い箇所]
- 計測値: 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以内 同じカテゴリの他のプロンプト