web-perf

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

1|Updated Sep 25, 2025
One-click install
npx skills add https://github.com/arroschaves/brandaocontador-site --skill web-perf-arroschaves
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/arroschaves/brandaocontador-site/tree/main/.agent/skills/cloudflare-web-perf
Command: npx skills add https://github.com/arroschaves/brandaocontador-site --skill web-perf-arroschaves

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 website loading times, improving user experience and search engine rankings.

Core Features & Use Cases

  • Core Web Vitals Analysis: Measures and diagnoses FCP, LCP, TBT, CLS, and Speed Index.
  • Resource Optimization: Identifies render-blocking resources, network dependency chains, and caching problems.
  • Accessibility Auditing: Detects high-level accessibility gaps impacting user experience.
  • Use Case: When a user complains about a slow website, this Skill can pinpoint the exact resources or configurations causing the delay and suggest specific optimizations.

Quick Start

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

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I audit Core Web Vitals like LCP and CLS for my website?

You can audit Core Web Vitals such as FCP, LCP, TBT, CLS, and Speed Index by using the web-perf skill to measure and diagnose page loading metrics. It traces render-blocking resources and network dependency chains to pinpoint specific optimization opportunities.

Why does my website have a slow page speed and how can I find what is causing the delay?

Slow page speed often stems from render-blocking resources, caching issues, or network dependency chains. This Skill analyzes your web page using Chrome Devtools to identify exact resources or configurations causing the delay and suggests specific optimizations.

How do I check for render-blocking resources and layout shifts affecting my web performance?

To check for render-blocking resources and layout shifts, the Skill navigates your web page and runs network request analysis via Chrome Devtools. It measures Core Web Vitals and identifies the specific scripts or resources impacting your web performance.

Do I need Chrome Devtools MCP configured to analyze web performance and accessibility gaps?

Yes, you need the Chrome Devtools MCP configured and available. The Skill relies on this connection to perform navigation, tracing, and network request analysis required to measure Core Web Vitals and detect high-level accessibility gaps.

Can I identify website caching problems and network dependency chains automatically?

Yes, you can identify caching problems and network dependency chains automatically. The Skill audits web page performance by analyzing network requests and resource loading behavior, measuring Core Web Vitals to highlight specific optimization opportunities.

What is the best way to improve website loading times and search engine rankings?

Improving website loading times involves auditing Core Web Vitals, optimizing render-blocking resources, and fixing caching issues. The Skill measures these performance metrics and accessibility gaps to help enhance user experience and search engine rankings.