One-click install
npx skills add https://github.com/jaypatrick/skills --skill web-perf-jaypatrick
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/jaypatrick/skills/tree/main/web-perf
Command: npx skills add https://github.com/jaypatrick/skills --skill web-perf-jaypatrick

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams diagnose and fix web performance bottlenecks by measuring Core Web Vitals and analyzing resource timing, render-blocking, caching, and accessibility issues.

Core Features & Use Cases

  • Performance measurement of Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index)
  • Identify render-blocking resources and network dependency chains
  • Assess caching issues and accessibility gaps
  • Audit & profile pages and optimize Lighthouse scores

Quick Start

Run a full-page performance audit on your target URL and review the generated insights.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I measure Core Web Vitals and identify render-blocking resources?

You can measure Core Web Vitals by running a full-page performance audit that traces network dependency chains and reports metrics like FCP, LCP, TBT, CLS, and Speed Index to identify render-blocking resources.

What is the best way to profile page loads and optimize Lighthouse scores?

Profiling page loads and optimizing Lighthouse scores requires running comprehensive performance traces that assess resource timing, caching issues, and accessibility gaps across desktop and mobile experiences.

How does performance tracing diagnose web performance bottlenecks?

Performance tracing diagnoses web performance bottlenecks by analyzing resource timing and network dependency chains during page loads, isolating specific render-blocking resources and caching issues slowing down the site.

Do I need Chrome DevTools MCP access to run Core Web Vitals audits?

Yes, you need Chrome DevTools MCP access to run performance traces and report Core Web Vitals metrics like FCP, LCP, and CLS for both desktop and mobile experiences.

Can I assess caching issues and accessibility gaps during a web performance audit?

Yes, a web performance audit can assess caching issues and accessibility gaps alongside measuring Core Web Vitals, providing a comprehensive view of site speed and rendering bottlenecks.

Why does my page load slowly despite optimizing images?

Your page load may remain slow due to render-blocking resources, network dependency chains, or unoptimized caching issues, which a full performance trace can identify by analyzing resource timing beyond images.