← 一覧へ
コーディングCC / Codex 両対応難易度: 中級
パフォーマンス最適化 performance-optimization
アプリのパフォーマンスをうまく調整しちゃおう！
これは何？
パフォーマンス最適化は、まず計測から始めます。計測なしで改善するのは、暗闇の中を手探りで進むようなもの。実際のボトルネックを特定し、それを直した後、もう一度計測して確認します。重要な部分だけを効率的に改善しましょう。
これでできること
- アプリの読み込み時間や応答速度を改善する
- ユーザーが感じる遅さの原因を見つける
- Core Web Vitalsのスコアを向上させる
- 大規模データや高トラフィックに対応する機能を作る
こんな時に便利
仕様書にパフォーマンスの要件が記載されている場合
ユーザーや監視ツールから遅いと報告がある場合
Core Web Vitalsのスコアが基準値を下回っている場合
変更がパフォーマンスに悪影響を与えた疑いがある場合
大規模データや高トラフィックを扱う機能を構築する場合
使い方
まずは計測ツールを使って、アプリのパフォーマンスをチェックします。ボトルネックを特定し、改善を行ったら、もう一度計測して確認します。計測結果に基づいて、本当に必要な部分だけを効率的に改善しましょう。
必要なもの
- 特になし
導入方法
いちばん簡単（AIに頼む）
次のスキルを入れて: https://github.com/addyosmani/agent-skills/tree/main/skills/performance-optimization手動で置く
Claude Code →
~/.claude/skills/performance-optimization/Codex →
~/.agents/skills/performance-optimization/使いこなしのコツ
- パフォーマンス関連の変更を行う際は、必ず変更前後の計測データを取る
- 具体的なボトルネックを特定し、それに焦点を当てて改善する
- Core Web Vitalsが「Good」の基準内に収まるようにする