Web Performance Analysis (Chrome Devtools)
Helps with web development, performance optimization, analysis as part of building frontend UIs and user experiences workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add web-performance-analysis-(chrome-devtools) npx -- -y @trustedskills/web-performance-analysis-(chrome-devtools)
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"web-performance-analysis-(chrome-devtools)": {
"command": "npx",
"args": [
"-y",
"@trustedskills/web-performance-analysis-(chrome-devtools)"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill leverages Chrome DevTools to analyze the performance of web pages. It can identify bottlenecks in loading times, measure rendering performance metrics like First Contentful Paint (FCP) and Largest Contentful Paint (LCP), and provide insights into resource usage. The tool allows for detailed inspection of network requests, JavaScript execution, and memory consumption to optimize website speed and user experience.
When to use it
- Troubleshooting slow page loads: Identify why a specific webpage is taking too long to load.
- Analyzing mobile performance: Evaluate how a website performs on different devices and connection speeds.
- Optimizing rendering times: Pinpoint areas where JavaScript or CSS rendering can be improved.
- Debugging resource loading issues: Investigate problems with images, scripts, or other assets failing to load correctly.
Key capabilities
- Chrome DevTools integration
- Performance metric measurement (FCP, LCP)
- Network request analysis
- JavaScript execution profiling
- Memory consumption assessment
Example prompts
- "Analyze the performance of
https://www.example.comand identify any bottlenecks." - "Measure the First Contentful Paint for this page (
https://www.example.com)." - "Show me a waterfall chart of network requests for
https://www.example.com."
Tips & gotchas
- Requires Chrome DevTools to be installed and accessible.
- The accuracy of the analysis depends on the fidelity of the data captured by Chrome DevTools.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.