skills.rest
9miya20
9miya20COMMUNITY
Explore all skills by this author →
GitHub

web-perf

Analyze Core Web Vitals and render-blocking resources on web pages.

Updated Aug 27, 2026
Search Tags:#troubleshooting#mcp#auditing#lighthouse#web-performance#core-web-vitals
One-click install
npx skills add https://github.com/9miya20/zatommy --skill web-perf-9miya20
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/9miya20/zatommy/tree/main/apps/auth/.agents/skills/web-perf
Command: npx skills add https://github.com/9miya20/zatommy --skill web-perf-9miya20

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance analysis and optimization across pages using Chrome DevTools MCP to identify Core Web Vitals issues, render-blocking resources, and accessibility gaps.

Core Features & Use Cases

  • Analyze Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index) and identify bottlenecks.
  • Detect render-blocking resources, network dependency chains, caching issues, and accessibility gaps.
  • Use for audits, profiling, debugging, or optimizing page load speed and Lighthouse scores.

Quick Start

Navigate to a target URL and run a web performance audit using MCP to generate CWV insights.

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 using MCP tooling workflows?▼

You can audit Core Web Vitals using MCP tooling by navigating to a target URL and running a web performance audit to generate insights on metrics like FCP, LCP, TBT, CLS, and Speed Index.

What is the best way to identify render-blocking resources on my web pages?▼

Identifying render-blocking resources is best done by analyzing network dependency chains and caching issues during a web performance audit, which helps pinpoint bottlenecks affecting page load speed.

Can I use this to debug accessibility gaps alongside performance bottlenecks?▼

Yes, you can debug accessibility gaps alongside performance bottlenecks, as the audit process detects both Core Web Vitals issues and accessibility gaps to provide actionable optimizations.

How do I profile Lighthouse scores and fix page speed issues across my site?▼

You profile Lighthouse scores by applying the audit to debugging and optimization tasks across pages, verifying metrics to identify bottlenecks and receiving concrete optimizations to improve page speed.

Why does my web page have a high Largest Contentful Paint and how can I optimize it?▼

A high Largest Contentful Paint often results from render-blocking resources or network dependency chains, which you can identify through a web performance audit and fix with the generated actionable optimizations.

Related Skills

Explore More Software Engineering Skills→
hgflimahgflima
1

browser-testing-with-devtools

Automate browser testing with Chrome DevTools MCP for DOM inspection and console analysis.

Community
Advanced
elithrarelithrar
190

web-perf

Analyze and optimize web performance using Chrome DevTools MCP metrics.

Community
Advanced
charl-krugercharl-kruger
5

web-perf

Measure Core Web Vitals and profile resource timing with Chrome DevTools MCP.

Community
Advanced
cloudflarecloudflare
2.6k

web-perf

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

Official
Advanced