Debug Optimize Lcp
by ChromeDevTools1cec9cd1a3bbNo license53K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated today
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/elements-and-size.md | 1.3 KB | text/markdown |
| references/lcp-breakdown.md | 2.5 KB | text/markdown |
| references/lcp-snippets.md | 2.4 KB | text/markdown |
| references/optimization-strategies.md | 2.1 KB | text/markdown |
| SKILL.md | 6.5 KB | text/markdown |
Source and attribution
Source:ChromeDevTools/chrome-devtools-mcpinskills/debug-optimize-lcpat commit1cec9cd
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from ChromeDevTools/chrome-devtools-mcp
Troubleshooting
ChromeDevTools
Diagnoses and fixes Chrome DevTools MCP server setup, connection, and target errors through a guided troubleshooting process.
Memory Leak Debugging
ChromeDevTools
Guides diagnosing and fixing JavaScript/Node.js memory leaks using Chrome DevTools MCP heap snapshot tools.
Cookie Debugging
ChromeDevTools
Guides cookie inspection and debugging in Chrome DevTools MCP, covering auth failures, consent banners, and SameSite/CHIPS issues.
Chrome Devtools Cli
ChromeDevTools
Drives Chrome DevTools from the shell to automate browser tasks, inspect pages, and capture performance data.
Chrome Devtools
ChromeDevTools
Guides an agent in using Chrome DevTools MCP tools to debug, inspect and automate web pages and extensions.
A11y Debugging
ChromeDevTools
Audits and debugs web accessibility using Chrome DevTools MCP tools and web.dev guidelines.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Dpop Adoption
Guides implementation of OAuth 2.0 DPoP (RFC 9449) sender-constrained refresh tokens for Google's OAuth platform.
Gemini Live Api
Generates a Gemini Live API WebSocket client class, tests, docs, and a demo UI for bidirectional streaming.
Gemini Api
Guides use of the Gemini API on Google's Agent Platform with the Gen AI SDK across languages and capabilities.