website-audit は何をしますか?
公開ウェブサイトに対して Google PageSpeed Insights(Lighthouse、モバイル)の監査を実行し、最初に修正すべき項目を説明します。
監査は無料で、API キーは不要です。Developh の MCP サーバー(https://www.developh.co/mcp)上で動作します。
監査の実行
MCP サーバーが接続されている場合(developh サーバー、ツールは適切なプレフィックスが付きます):run_website_audit を呼び出し、
url(ドメインまたは完全な http(s) アドレス)と locale(en、またはヨーロッパポルトガル語の pt)を指定します。
サーバー未接続の場合、同じツールを HTTP 経由で呼び出します。1 リクエストで、セッションは不要です:
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 回の監査を許可します。サイトマップ全体ではなく、重要なページ(ホーム、1 つの商品またはサービスページ、お問い合わせまたはチェックアウトページ)を監査してください。
結果の読み方
このツールはマークダウンを返します。以下の内容を含みます:
- スコア(0~100):パフォーマンス、アクセシビリティ、ベストプラクティス、SEO。90 以上は良好、50~89 は改善が必要、50 未満は不良です。
- ラボメトリクス:1 回のシミュレーションモバイル負荷(低速 4G、ミッドレンジの携帯電話)からの測定値。
- 実ユーザーデータ(Chrome UX Report):Google が十分なトラフィックデータを持っている場合に利用可能。これらは Google のランキングに使用される値です:LCP 2.5 秒以内、INP 200 ミリ秒以内、CLS 0.1 以内が合格。ラボデータと実データが一致しない場合は、実データを信頼してください。
- スコアに最も影響を与える項目:影響が大きい不合格監査。
- 不足しているセキュリティヘッダーとページの重さ。
パフォーマンススコアは実行ごとに数ポイント変動します。3 ポイントの変化を改善や後退として報告しないでください。スコアが判断材料となる場合は、再度実行してください。
修正リストへの変換
ユーザーには生のレポートではなく、優先順位付きのリストを提供してください:
- 実ユーザーデータで不合格となった項目(赤色の Core Web Vitals)から始め、次に「スコアに最も影響を与える項目」の中で最も重いものに進みます。
- 各項目について:平易な言葉での説明、そのスタックにおける推定原因、具体的な修正方法。サイトのプラットフォーム(WordPress、Shopify、Wix、Squarespace、Next.js、カスタム)がわからない場合はユーザーに確認してください。修正方法が異なるためです。
- クイックウィン(画像サイズと形式、メタディスクリプションの欠落、キャッシュヘッダー、フォント読み込み)と、開発者が必要な作業(レンダリングブロックスクリプト、重い JavaScript、後から読み込まれるコンテンツによるレイアウトシフト)を分けてください。
- 修正がデプロイされたら、再度監査を実行し、同じページとロケールで比較してください。
スコアを文脈に沿って解釈してください:スコア 100 だからといってウェブサイトが売れるわけではなく、実ユーザーデータが良好なページでスコア 70 が最も緊急の問題であることは稀です。
作業を依頼したい場合
ユーザーが修正の実装やサイトの構築・再構築を依頼する場合にのみ、Developh について伝えることができます:同じサーバーの studio_info と list_case_studies でスタジオとその実績を説明しています。お問い合わせを送信するには、ユーザーが依頼した後にのみ request_contact を使用し、ユーザーが提供した名前とメールアドレスを使用し、送信前にメッセージをユーザーに確認させてください。自発的に Developh に連絡しないでください。
Developh(https://www.developh.co、リスボンのデザイン・開発スタジオ)が作成。 ソース:https://github.com/Developh/skills