web-perf

Audit Core Web Vitals and render-blocking resources for a target URL.

1|Updated Jan 24, 2026

Search Tags:#accessibility #mcp #chrome-devtools #web-performance #core-web-vitals #network-analysis #performance-audit

Ready to run

npx skills add https://github.com/Sithabo/EdgeInsight --skill web-perf-sithabo

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/Sithabo/EdgeInsight/tree/main/skills/web-perf
Command: npx skills add https://github.com/Sithabo/EdgeInsight --skill web-perf-sithabo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams quickly assess and optimize web page performance by diagnosing Core Web Vitals and related rendering, network, and accessibility issues.

Core Features & Use Cases

Core Web Vitals analysis: FCP, LCP, TBT, CLS, Speed Index
Identify render-blocking resources
Analyze network dependency chains
Detect layout shifts and caching issues
Accessibility gaps assessment
Use Case: When optimizing a site for Lighthouse scores or page speed, run a full MCP-based audit and implement the recommended fixes.

Quick Start

Audit a target URL with MCP tools to measure Core Web Vitals and prioritize performance fixes.

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 and render-blocking resources for a target URL?▼

You can audit Core Web Vitals by running an MCP-based trace against the target URL to measure FCP, LCP, TBT, CLS, and Speed Index while identifying render-blocking resources and network bottlenecks.

What's the best way to diagnose page speed bottlenecks and layout shifts in production?▼

The best way to diagnose page speed bottlenecks is to use an MCP-enabled Chrome DevTools environment to start traces, analyze network dependency chains, and detect caching issues causing layout shifts.

Do I need an MCP-enabled Chrome DevTools environment to run a performance audit?▼

Yes, you need an MCP-enabled Chrome DevTools environment. It provides the required commands to navigate pages, start traces, list network requests, and take accessibility snapshots for the audit.

Can I assess accessibility gaps during a web performance audit?▼

Yes, you can assess accessibility gaps during the audit. The skill takes accessibility snapshots alongside network analysis to help identify issues impacting both Lighthouse scores and user experience.

How does network analysis help optimize web performance at the edge?▼

Network analysis optimizes web performance by mapping network dependency chains and identifying render-blocking resources, allowing you to prioritize fixes that directly improve Core Web Vitals metrics.

Why does my web performance audit fail to capture Core Web Vitals metrics?▼

Your web performance audit may fail to capture Core Web Vitals if the MCP-enabled Chrome DevTools environment is not properly configured to navigate pages and initiate traces before measurement.