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.