SCALE — Build Lab

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

修正・改善

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以内
タグ
#パフォ#改善
同じカテゴリの他のプロンプト