performance-optimization skill 是什麼、怎麼安裝使用：Addy Osmani 的「先測量再優化」性能 Skill

本文根據 addyosmani/agent-skills 倉庫裏該技能的 SKILL.md 與倉庫 README 整理，資料核對於 2026-10-11。所在倉庫 addyosmani/agent-skills 在 GitHub 約 10.4 萬 Star（同日數據）。技能內容會隨倉庫更新，以倉庫為準。

這個 Skill 做什麼

讓智能體「優化一下性能」，它會熱情地到處加緩存和記憶化，代碼更復雜了，快沒快卻沒人知道。performance-optimization 的第一句話就是糾正這個習慣：先測量再優化。沒有測量的性能工作是猜測，而猜測會帶來過早優化——增加複雜度，卻沒有改善真正重要的東西。先做剖析，找到真實的瓶頸，修復它，再測一次；只優化測量證明有必要的部分。

description：跨前端、後端、查詢和數據庫優化應用性能；存在性能要求時、懷疑出現性能退化時、需要改善 Core Web Vitals 或加載時間時、需要修復 N+1 查詢時，或剖析顯示存在瓶頸時使用。

工作流五步：

1. 測量：從哪裏開始測，前端和後端各用什麼手段；
2. 找出瓶頸；
3. 修復瓶頸；
4. 驗證：再測一次，有改善就保留，沒有就回退；
5. 防止迴歸：加上性能預算或監控，避免以後又慢回去。

技能裏有一節列出 Core Web Vitals 的目標值。具體的優化手法放在參考文件 optimization-patterns.md 裏，按需讀取。

怎麼安裝

倉庫 README 給出了單獨安裝某個技能的寫法：

bash
npx skills add addyosmani/agent-skills --skill performance-optimization

想整套安裝，Claude Code 用 /plugin marketplace add addyosmani/agent-skills 加 /plugin install agent-skills@addy-agent-skills，Codex 用 codex plugin marketplace add addyosmani/agent-skills 加 codex plugin add agent-skills@agent-skills。README 提示，插件安裝遇到 SSH 權限報錯時改用倉庫的 HTTPS 地址。

倉庫整體介紹和其他安裝方式，詳見本站《addyosmani/agent-skills 是什麼、怎麼安裝：Addy Osmani 的 25 個生產級工程 Skills（/spec、/plan、/build）》。

怎麼用

• 「列表接口響應要兩秒，先測量找出瓶頸，再動手」。
• 「首頁的 LCP 不達標，分析原因並給出修復方案」。
• 「這個頁面查詢數據庫 80 多次，是不是 N+1？修掉並證明確實變快了」。

適合誰 / 侷限

適合手上有明確性能問題或性能指標要求的前後端開發者。它依賴你有可用的測量手段——瀏覽器性能面板、剖析工具、查詢日誌，沒有這些它也只能推測；框架專屬的優化細節，不如對應框架的官方技能（例如 Vercel 的 React 最佳實踐）來得具體。

注意事項

• 許可：MIT。
• 會執行測量命令：跑基準、剖析或壓測時注意不要對着生產環境。
• 指標的目標值以 web.dev 等官方文檔的當前版本為準。