搜索

PythonReactSEOPDF
GitHub Skill

performance-optimization

パフォーマンス最適化やプロファイリング時に使用。計測とよくあるボトルネックをカバー。

TakumiOkayasu☆ 0 仓库 Stars0 仓库 Forks

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。

查看来源 ↗使用指南

技能说明

Performance Optimization

📋 実行前チェック(必須)

このスキルを使うべきか?
  • パフォーマンス問題が発生している?
  • ボトルネックを調査する?
  • クエリを最適化する?
  • プロファイリングを実施する?
前提条件
  • 計測してから最適化しているか?
  • ボトルネックを特定したか?
  • 最適化の目標値を設定したか?
禁止事項の確認
  • 計測なしで最適化しようとしていないか?
  • 推測だけで「遅い」と判断していないか?
  • 早すぎる最適化をしていないか?

トリガー

  • パフォーマンス問題発生時
  • ボトルネック調査時
  • クエリ最適化時
  • プロファイリング実施時

🚨 鉄則

計測なき最適化は推測。Profile → Measure → Optimize → Verify


プロファイリング

# Node.js
node --prof app.js

# Python
python -m cProfile -o output.prof script.py

よくあるボトルネック

N+1クエリ
// ❌ N+1
for (const user of users) {
  const posts = await db.posts.find({ userId: user.id });
}

// ✅ 一括取得
const posts = await db.posts.find({ userId: { $in: userIds } });
不要な再レンダリング(React)
// ❌ 毎回新しいオブジェクト
<Component style={{ color: 'red' }} />

// ✅ メモ化
const style = useMemo(() => ({ color: 'red' }), []);
<Component style={style} />

計測ツール

  • ブラウザ: Chrome DevTools Performance
  • Node.js: clinic.js, 0x
  • DB: EXPLAIN ANALYZE

🚫 禁止事項まとめ

  • 計測なしの最適化
  • 推測だけの判断
  • 早すぎる最適化
  • 最適化後の検証忘れ

使用示例

查看来源仓库中的使用示例与配置说明。

查看来源 ↗

来源历史

收录时间
2026-01-20
索引更新时间
2026-01-26
Branch
main

收录与同步日期属于本站记录。源码修改历史请查看来源仓库。

GitHub ↗

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!