optimizing-performance
アプリケーションのパフォーマンス最適化
アプリケーションはしばしば読み込み時間が遅く、応答性が低いという問題を抱えます。このスキルは、フロントエンド、バックエンド、データベース層全体のパフォーマンスボトルネックを測定・特定・修正するための体系的なアプローチを提供します。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「optimizing-performance」。 Our React app has slow rendering. Help us profile and fix it.
預期結果:
- Step 1: Profile using React DevTools Profiler or Chrome DevTools
- Step 2: Identify components rendering unnecessarily
- Step 3: Apply memoization with React.memo and useMemo
- Step 4: Implement code splitting with lazy loading for heavy components
- Step 5: Verify improvements with before/after comparison
正在使用「optimizing-performance」。 Our database queries are timing out under load.
預期結果:
- Step 1: Enable slow query logging to identify problematic queries
- Step 2: Use EXPLAIN to analyze query execution plans
- Step 3: Look for missing indexes or N+1 query patterns
- Step 4: Add database caching with Redis for frequently accessed data
- Step 5: Implement query result pagination for large datasets
安全審計
安全Pure markdown documentation skill containing instructional content and code examples for performance optimization. Contains no executable scripts, no file access operations, no network calls, and no system modifications. All 43 static findings are false positives: markdown backticks were confused for shell execution, metadata fields were flagged as C2 keywords, and legitimate documentation URLs were flagged as hardcoded URLs.
風險因素
🌐 網路存取 (2)
⚡ 包含腳本 (1)
⚙️ 外部命令 (26)
品質評分
你能建構什麼
Web Vitalsの改善
バンドルサイズを削減し、Reactのレンダリング性能を改善してページ読み込みを高速化
APIレスポンスの高速化
遅いデータベースクエリを特定し、キャッシュを実装してレイテンシを削減
スタック全体のプロファイル
ブラウザからデータベースまでのエンドツーエンドの性能問題を診断
試試這些提示
My application is slow. Help me profile and identify the bottlenecks.
Our website has poor Core Web Vitals. Help us optimize LCP and CLS scores.
Our database queries are taking too long. Help us identify and fix slow queries.
Do a complete performance audit of our application and create an optimization plan.
最佳實務
- 変更を加える前に必ずベースライン性能を測定する
- 各レイヤー（CPU、メモリ、I/O、ネットワーク）に適したプロファイリングツールを使う
- Web Vitalsのような業界ベンチマークに基づき具体的な性能目標を設定する
避免
- データなしの最適化 - プロファイリングではなく推測に基づいて変更する
- 他のボトルネックを無視して一層だけに集中する
- 実際の改善を検証するための測定なしに最適化を適用する