skills.rest
andrewkoumoudjian
andrewkoumoudjianCOMMUNITY
Explore all skills by this author →
GitHub

web-perf

Analyze Core Web Vitals and render-blocking resources via Chrome DevTools MCP.

Updated Jan 19, 2026
Search Tags:#accessibility#chrome-devtools#web-performance#core-web-vitals#network-analysis#performance-tracing
One-click install
npx skills add https://github.com/andrewkoumoudjian/personnal-setup --skill web-perf-andrewkoumoudjian
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/andrewkoumoudjian/personnal-setup/tree/main/.opencode/skill/web-perf
Command: npx skills add https://github.com/andrewkoumoudjian/personnal-setup --skill web-perf-andrewkoumoudjian

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyze and optimize web performance to achieve fast, reliable page loads.

Core Features & Use Cases

  • Core Web Vitals analysis (FCP, LCP, CLS, TBT, INP, Speed Index)
  • Render-blocking resource identification and network dependency mapping
  • Accessibility gap discovery and recommendations
  • Use Case: Audit a page to improve Lighthouse score and user experience

Quick Start

Audit a target URL to measure Core Web Vitals and generate actionable optimization insights.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I analyze Core Web Vitals for my web app?▼

Run a performance trace on your target URL to measure Core Web Vitals like FCP, LCP, CLS, TBT, INP, and Speed Index. This generates actionable optimization insights to improve your Lighthouse score and user experience.

How do I identify render-blocking resources using Chrome DevTools?▼

Identify render-blocking resources by mapping network dependencies during a page load trace. This highlights assets blocking the critical rendering path, allowing you to prioritize and defer non-essential scripts or stylesheets.

Do I need a Chrome DevTools MCP server to audit web performance?▼

Yes, you need a local or configured Chrome DevTools MCP server to execute MCP commands like navigate_page and performance_start_trace. This setup is required to run the performance traces and collect Core Web Vitals data.

Can I check website accessibility gaps during a performance audit?▼

Yes, you can discover accessibility gaps during a performance audit. The analysis evaluates the target URL to identify accessibility issues alongside Core Web Vitals, providing recommendations to improve overall page compliance.

What's the best way to optimize slow page loads and improve Lighthouse scores?▼

Optimize slow page loads by auditing the target URL to measure Core Web Vitals, identify render-blocking resources, and map network dependencies. This yields actionable insights to resolve bottlenecks and achieve fast, reliable loading.

Related Skills

Explore More Software Engineering Skills→
warpdotdevwarpdotdev
820

web-performance-audit

Audit web page performance with Chrome DevTools MCP traces and Core Web Vitals.

Official
Advanced
achmfachmf

web-perf

Analyze Core Web Vitals and network traces via Chrome DevTools MCP.

Community
Advanced
arroschavesarroschaves
1

web-perf

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

Community
Advanced
act70255act70255

performance-profiling

Profile web application performance using Lighthouse CLI and Core Web Vitals.

Community
Advanced