web-perf

Measure Core Web Vitals and detect render-blocking resources with Chrome DevTools MCP.

Updated Feb 18, 2026
One-click install
npx skills add https://github.com/daveio/syn-horse --skill web-perf-daveio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/daveio/syn-horse/tree/main/.agents/skills/web-perf
Command: npx skills add https://github.com/daveio/syn-horse --skill web-perf-daveio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyzes web performance to help teams quantify and improve page load times by measuring Core Web Vitals and identifying bottlenecks.

Core Features & Use Cases

  • Core Web Vitals analysis: FCP, LCP, TBT, CLS, Speed Index, with breakdowns.
  • Resource & render analysis: Detects render-blocking resources and layout shifts.
  • Network & caching insights: Maps dependency chains and caching issues for faster page loads.
  • Use Case: Audit a landing page to improve Lighthouse scores and perceived performance.

Quick Start

Navigate to the target URL and start a performance audit to capture Core Web Vitals and render-blocking issues.

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 a specific URL?▼

You can audit Core Web Vitals by running a performance trace on the target URL to measure FCP, LCP, TBT, CLS, and Speed Index, which identifies load bottlenecks and render-blocking issues.

What's the best way to find render-blocking resources and layout shifts?▼

Finding render-blocking resources and layout shifts is done by profiling page load performance to detect dependency chains and visual shifts that negatively impact your Lighthouse scores.

Do I need Chrome DevTools MCP to analyze web performance?▼

Yes, analyzing web performance with this approach requires configuring the Chrome DevTools MCP server to access the toolchain needed to execute traces and capture Core Web Vitals data.

Can I detect network dependency chains and caching issues during a performance audit?▼

Yes, you can detect network dependency chains and caching issues during a performance audit by mapping resource loading behavior to identify bottlenecks slowing down page loads.

How does profiling page load performance improve Lighthouse scores?▼

Profiling page load performance improves Lighthouse scores by quantifying metrics like TBT and Speed Index, allowing you to target specific accessibility gaps and caching optimizations.