← 一覧へ
✅ テスト・チェックClaude Code難易度: 中級
パフォーマンスベンチマーク benchmark
Webパフォーマンスを簡単チェック！
これは何？
これはWebサイトやアプリのパフォーマンスを計測・比較するツールです。ページ読み込み時間やCore Web Vitalsといった重要な指標を自動で記録し、変更前後の比較ができます。開発中のパフォーマンス劣化を早期に発見できる心強い味方です。
これでできること
- ページ読み込み時間のベースラインを設定できる
- PRごとにパフォーマンスの変化を比較できる
- Core Web Vitalsのスコアを追跡できる
- リソースサイズの変化を監視できる
- パフォーマンスのトレンドを長期にわたって分析できる
こんな時に便利
新しい機能を追加した後のパフォーマンス影響を確認したい時
最適化作業の効果を測定したい時
定期的にパフォーマンスを監視したい時
本番環境へのデプロイ前に最終チェックしたい時
使い方
「speed test」や「check performance」と入力するだけで簡単に実行できます。自動的にページのパフォーマンスを計測し、わかりやすいレポートを表示してくれます。PRごとに自動で比較することも可能です。
使用例（こう頼んでみよう）
このPRのパフォーマンス影響をチェックして現在のページ読み込み速度を計測して前回からのCore Web Vitalsの変化を教えてバンドルサイズの増減を比較して必要なもの
- 特になし
導入方法
いちばん簡単（AIに頼む）
次のスキルを入れて: https://github.com/garrytan/gstack/tree/main/benchmark手動で置く
Claude Code →
~/.claude/skills/benchmark/Codex →
~/.agents/skills/benchmark/使いこなしのコツ
- 定期的に計測することで、パフォーマンスのトレンドを把握できます
- 大きな変更の前後には必ず実行するのがおすすめです
- Lighthouseのスコアと合わせて確認するとより効果的です