スキル公式
debug-optimize-lcp
Apache-2.0
Chrome DevTools for agentsの公式スキルで、ページのメインコンテンツが表示されるまでの時間を測るCore Web VitalであるLargest Contentful Paint（LCP）を扱います。
スキルの内容
Chrome DevTools for agentsの公式スキルで、ページのメインコンテンツが表示されるまでの時間を測るCore Web VitalであるLargest Contentful Paint（LCP）を扱います。エージェントにスコアのしきい値を示し、LCPを順に続く4つのサブパートに分けてそれぞれの目標の割合を示したうえで、Chrome DevTools MCPのパフォーマンス用ツールを使い、対象ページでどのサブパートが遅いかを特定します。参照ファイルでは、LCP要素の決まり方、サブパートの内訳、計測用のスニペット、遅延の種類ごとの改善方法を扱います。ページの読み込みの遅さ、ヒーロー画像、Core Web Vitalsに関する質問を想定しています。
できること
- パフォーマンストレースによるLCPの計測
- 遅い部分を見つけるためのLCPのサブパートへの分解
- 読み込みが遅いメインコンテンツの改善案の提示
詳細
| 項目 | 内容 | 出典 |
|---|---|---|
| 種類 | スキル | |
| ツール | Chrome DevTools | |
| 公開元 | ChromeDevTools | 出典 |
| 公式かどうか | 公式shipped in the official ChromeDevTools repository that Chrome's docs link to | 出典 |
| APIキーまたはサインインが必要 | ドキュメントに記載なし | |
| スクリプトを含む | いいえ | 出典 |
| プラットフォーム | ドキュメントに記載なし | |
| AIクライアント | ドキュメントに記載なし | |
| ライセンス | Apache-2.0 | 出典 |
| 料金 | ドキュメントに記載なし | |
| 活動状況 | コミットデータなしダウンロード数のデータなし（npm・PyPIで未公開） | |
| リンク | リポジトリ |
ChromeDevToolsのほかの掲載
サーバー1件 · スキル8件
- Chrome DevTools MCP (MCPサーバー)
- chrome-devtools (スキル)
- chrome-devtools-cli (スキル)
- a11y-debugging (スキル)
- memory-leak-debugging (スキル)
- cookie-debugging (スキル)
README用バッジ
このプロジェクトのメンテナーの方は、このページにリンクするバッジを追加できます。
[](https://kitbay.app/skills/debug-optimize-lcp/)
出典
- スキルファイル（SKILL.md）github.com/ChromeDevTools/chrome-devtools-mcp2026年11月12日
- GitHubリポジトリgithub.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目：公開元2026年11月12日
- ライセンスファイル（LICENSE）github.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目：ライセンス2026年11月12日
- Webページdeveloper.chrome.com · 根拠となる項目：公式かどうか2026年11月12日
- リポジトリ内のフォルダ（debug-optimize-lcp）github.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目：スクリプトを含む2026年11月12日