skills.rest
warpdotdev
warpdotdevOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-performance-audit

Audit web page performance with Chrome DevTools MCP traces and Core Web Vitals.

820|64|Updated Jan 27, 2026
Search Tags:#audit#chrome devtools#lighthouse#web performance#core web vitals#site speed
One-click install
npx skills add https://github.com/warpdotdev/oz-skills --skill web-performance-audit-warpdotdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-performance-audit
Source: https://github.com/warpdotdev/oz-skills/tree/main/.agents/skills/web-performance-audit
Command: npx skills add https://github.com/warpdotdev/oz-skills --skill web-performance-audit-warpdotdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps identify and fix issues that slow down web pages, leading to a better user experience and improved search engine rankings.

Core Features & Use Cases

  • Performance Auditing: Analyzes Core Web Vitals, network requests, and accessibility.
  • Diagnostic Tools: Utilizes Chrome DevTools MCP for detailed performance tracing.
  • Use Case: When asked to audit the performance of a specific URL, this skill will navigate to the page, record a performance trace, analyze key metrics like LCP and CLS, and identify render-blocking resources or large assets.

Quick Start

Use the web-performance-audit skill to audit the performance of the website at https://example.com.

Frequently Asked Questions about web-performance-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my website's Core Web Vitals and identify render-blocking resources?▼

This skill audits web performance by navigating to your URL and executing a performance trace via Chrome DevTools MCP. It analyzes Core Web Vitals like LCP and CLS, pinpointing render-blocking resources and large assets to optimize site speed.

What is the best way to run a Lighthouse performance audit on a specific URL?▼

To run a Lighthouse audit, this skill navigates to your target URL and records a performance trace. It analyzes page load metrics and network requests to evaluate Lighthouse scores and identify network optimization opportunities.

Do I need the chrome-devtools MCP server configured to analyze page load performance?▼

Yes, the chrome-devtools MCP server is required. This skill depends on Chrome DevTools MCP tools to execute commands like navigate_page and performance_start_trace for profiling page load performance and analyzing network optimization.

How does performance tracing work for finding large assets and network optimization opportunities?▼

Performance tracing records your web page's load behavior to identify bottlenecks. This skill uses performance_analyze_insight to evaluate network requests, detect large assets, and highlight opportunities for network optimization and accessibility improvements.

Can I use Chrome DevTools to check both site speed and accessibility issues?▼

Yes, this skill audits both site speed and accessibility. By using Chrome DevTools MCP, it analyzes Core Web Vitals, network requests, and accessibility issues to help you identify and fix problems that slow down web pages.

Related Skills

Explore More Software Engineering Skills→
wesleyegbertowesleyegberto
3

chrome-devtools

Automate browser control and debugging via the Chrome DevTools Protocol.

Community
Advanced
cloudflarecloudflare
2.6k

web-perf

Audit web performance and diagnose Core Web Vitals issues using Chrome DevTools MCP.

Official
Advanced
fgarofalo56fgarofalo56
6

puppeteer

Automate headless Chrome browser control with Puppeteer for web scraping and testing.

Community
Advanced
RamonsDkaRamonsDka
1

perf-lighthouse

Run Lighthouse audits locally and extract scores, timings, and budgets from reports.

Community
Intermediate