webperf-snippets
經過測試的JavaScript程式碼片段，用於測量和除錯網頁效能。您的AI代理程式會為您執行，或者您自己在DevTools中執行：每次都是相同的程式碼，每
webperf-snippets 是什麼？
經過測試的JavaScript程式碼片段，用於測量和除錯網頁效能。您的AI代理程式會為您執行，或者您自己在DevTools中執行：每次都是相同的程式碼。
webperf-snippets 概覽
這是什麼
WebPerf Snippets 是一組經過測試的 JavaScript 程式碼片段，用於測量與除錯網頁效能。相同的程式碼可由 AI 代理（透過 CLI 或 Agent Skills）執行，或由使用者在 DevTools 主控台中手動執行。每個片段都會回傳一個遵循 snippets/SCHEMA.md 所定義單一合約的結構化物件。
主要功能
- 經過測試的 JavaScript 程式碼片段，用於網頁效能測量與除錯。
- 可由 AI 代理（透過 CLI、Agent Skills）或手動在 DevTools 主控台中執行。
- 所有片段回傳的結構化資料皆遵循單一合約。
- 包裝為 Agent Skills，支援 Claude Code、Cursor、OpenCode、Gemini CLI 及 VS Code 擴充功能，並包含決策樹與工作流程。
- CLI 使用 Playwright 無頭執行片段，支援 CI 整合、預算設定與 Markdown 輸出。
- DevTools 擴充功能（測試版）可在檢查的頁面上直接執行片段，無需貼上程式碼。
- 共 56 個片段，涵蓋類別：Core Web Vitals、Loading、Interaction、Media、Resources、DevTools Overrides。
使用情境
AI 代理審核網址的效能問題（例如 LCP 緩慢、TTFB 過高、圖片最佳化）。CI 使用 CLI 根據效能預算把關 Pull Request。開發者在 DevTools 中手動貼上片段或使用擴充功能來除錯效能。
快速開始
bash npx webperf-snippets https://example.com --json npx skills add nucliweb/webperf-snippets
授權與價格
MIT 授權，開放原始碼。
內容整理自該專案公開的 README 與儲存庫資訊。
