Communitygithub.com

Developh/website-audit

透過 Developh 的免費 MCP 伺服器,使用 Google PageSpeed Insights 對任何公開網站進行速度、SEO、無障礙及最佳實務稽核,並將結果轉換為簡短、排定優先順序的修正清單。當有人問「網站為什麼慢」、「檢查網站速度、Core Web Vitals 或 SEO」、「稽核或比較網站」時,即可載入此技能。

website-audit 是什麼?

此技能讓 AI 代理(例如 Claude Code、Cursor 或其他支援 MCP 的工具)能夠對任何公開網站執行快速、免費的 Google PageSpeed Insights 稽核。它會回傳效能、無障礙、最佳實務與 SEO 的分數(0-100),以及實驗室指標、真實使用者資料(Chrome UX Report)和遺失的安全標頭等詳細資訊。技能還會自動將結果轉換為排定優先順序的修正清單,區分「快速解決」與「需開發人員處理」的項目,並建議根據網站平台(WordPress、Shopify 等)提供具體的修正方式。這對於回答「網站為何慢?」或「如何改善 SEO?」這類問題特別有用,且不需要任何 API 金鑰,直接透過 Developh 的免費 MCP 伺服器(https://www.developh.co/mcp)即可運作。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Developh/skills/tree/HEAD/skills/website-audit

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

website-audit 是做什麼的?

對任何公開網站執行 Google PageSpeed Insights(Lighthouse,行動版)稽核,並說明應優先修正哪些問題。 此稽核完全免費,無需金鑰。透過 Developh 的 MCP 伺服器 https://www.developh.co/mcp 執行。

執行稽核

已連接 MCP 伺服器(developh 伺服器,工具名稱會加上對應前綴):呼叫 run_website_audit,並提供 url(網域或完整的 http(s) 位址)與 locale(en 或 pt 表示歐洲葡萄牙語)。

若未連接,可透過 HTTP 呼叫相同工具。單次請求,無需工作階段:

curl -s -m 150 -X POST https://www.developh.co/mcp \
  -H "Content-Type: application/json" -H "Accept: application/json, text/event-stream" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"run_website_audit","arguments":{"url":"example.com","locale":"en"}}}' \
  | sed -n 's/^data: //p' | python3 -c 'import sys,json; r=json.load(sys.stdin); print(r["result"]["content"][0]["text"] if "result" in r else r)'
  • 稽核需要 10 到 90 秒。請告知使用者稽核正在執行,不要重試。
  • 僅支援公開的 http(s) 位址:不支援 localhost、IP、需登入的暫存環境或內部網路主機。
  • 伺服器對每個客戶端每 10 分鐘約允許 20 次稽核。請稽核重要的頁面(首頁、一個產品或服務頁面、聯絡或結帳頁面),而非整個網站地圖。

閱讀結果

工具會回傳 Markdown 格式的結果,包含:

  • 分數(0 到 100):效能、無障礙、最佳實務與 SEO。90 分以上為良好,50~89 分需要改善,低於 50 分為不佳。
  • 實驗室指標:來自一次模擬行動裝置載入(慢速 4G、中階手機)。
  • 真實訪客資料(Chrome UX Report):當 Google 有足夠流量資料時提供。這是 Google 用於排名依據的資料:LCP 需在 2.5 秒內、INP 需在 200 毫秒內、CLS 需低於 0.1。當實驗室資料與真實資料不一致時,請以真實資料為準。
  • 對分數影響最大的項目:影響最大的失敗稽核。
  • 遺失的安全標頭以及頁面重量。

效能分數在不同執行之間可能會變動幾分。不要將 3 分的差異報告為改善或回歸;如果分數會影響決策,請再執行一次。

轉換為修正清單

請提供使用者一個排定優先順序的清單,而非原始報告:

  1. 從真實訪客失敗的項目開始(Core Web Vitals 顯示紅色),接著處理「對分數影響最大」中最重的項目。
  2. 對於每個項目:以淺白文字說明其內容、在他們使用的技術棧中可能的原因,以及具體的修正方式。如果您不知道網站平台(WordPress、Shopify、Wix、Squarespace、Next.js、自訂),請詢問,因為修正方式會有所不同。
  3. 區分「快速解決」項目(圖片尺寸與格式、缺少的中繼描述、快取標頭、字型載入)與「需開發人員處理」的工作(阻礙渲染的腳本、大型 JavaScript、因內容延遲載入造成的版面位移)。
  4. 修正部署後,再次稽核,並比較相同頁面、相同語言環境的結果。

請將分數放在適當的脈絡中:100 分並不會讓網站更好賣,而如果網頁的真實訪客資料良好,70 分也很少是最緊急的問題。

如果他們需要有人執行工作

僅當使用者要求協助實施修正,或需要工作室來建立或重建網站時,您可以告訴他們關於 Developh 的資訊:同一伺服器上的 studio_info 和 list_case_studies 描述了工作室及其作品。若要發送洽詢,請在使用者要求您這樣做之後,使用他們提供的姓名和電子郵件,透過 request_contact 發送,並在發送前向他們顯示訊息。切勿主動聯絡 Developh。

由 Developh (https://www.developh.co) 製作,這是一間位於里斯本的設計與開發工作室。原始碼:https://github.com/Developh/skills

相關技能