performance-optimization
アプリケーション全体のパフォーマンスを最適化する
低速なアプリケーションはユーザーをイライラさせ、ビジネス指標に悪影響を与えます。このスキルは、ボトルネックの診断、キャッシュ戦略の実装、フロントエンド、バックエンド、データベースレイヤー全体で最適なパフォーマンスを達成するための実証済みのパターンとテンプレートを提供します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「performance-optimization」を使用しています。 注文と共にユーザーデータを取得する低速なAPIエンドポイントを最適化する
期待される結果:
- 1. N+1クエリの問題：ユーザーの1クエリ + 注文のNクエリが見つかりました
- 2. 修正：JOINまたはincludeパターンを使用してすべてのデータを単一クエリで取得する
- 3. キャッシュの追加：ユーザーデータに1時間TTLのキャッシュアサイドを実装する
- 4. 応答の最適化：条件付きリクエスト用にETagサポートを追加する
- 5. 圧縮：1KBを超える応答にgzipを有効にする
- 6. フィールド選択：クライアントが必要なフィールドのみをリクエストできるようにする
セキュリティ監査
低リスクThis skill contains only documentation and code templates for performance optimization. All static findings are false positives: network URLs are repository/documentation links, external commands are example CLI commands in code blocks, cryptographic references are standard MD5 for ETags, and reconnaissance patterns are SQL diagnostic queries. The skill has no execution capability.
リスク要因
⚡ スクリプトを含む (1)
🌐 ネットワークアクセス (2)
品質スコア
作れるもの
データベースクエリの最適化
低速なクエリを修正し、コネクションプーリングを実装し、適切なインデックスを追加する
ページ読み込み速度の改善
バンドルサイズを削減し、コード分割を実装し、Core Web Vitalsを最適化する
キャッシュ戦略の構築
Redis、メモ化、CDN統合を含むマルチティアキャッシングを設計する
これらのプロンプトを試す
次のデータベースクエリをパフォーマンスの問題について分析します。N+1パターン、不足しているインデックス、低速なクエリを特定し、SQL例と共に最適化を提案してください。
このAPIエンドポイントコードをレビューしてください。圧縮、ETags、フィールド選択、ページネーションの改善を含む最適化を提案してください。
このフロントエンドコードベースを分析します。バンドルサイズを削減するためのコード分割戦略、ツリーシェイキングの改善、遅延読み込みパターンを推奨してください。
Reactアプリケーションのパフォーマンス予算を作成してください。Core Web Vitals、バンドルサイズ、API応答時間のターゲットを含めてください。
ベストプラクティス
- 最適化の前にプロファイリングを行い、想定された問題ではなく実際のボトルネックを特定する
- 変更を加える前に測定可能なパフォーマンスターゲットと予算を設定する
- 大規模なデータセットではオフセットベースのページネーションの代わりにカーソルページネーションを使用する
回避
- 測定なしの早熟な最適化は開発時間の無駄遣いになる
- ページネーションを使用せずにすべてのレコードをメモリに読み込む
- キャッシュ無効化戦略をスキップすると古いデータの問題が発生する