web-perf

Analyze web performance metrics and identify optimization opportunities via Chrome DevTools MCP.

2|Updated Mar 29, 2026

Search Tags:#performance #optimization #audit #lighthouse #devtools #web-vitals

Ready to run

npx skills add https://github.com/NagyVikt/codex-plugins --skill web-perf-nagyvikt

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/NagyVikt/codex-plugins/tree/main/plugins/cloudflare/skills/web-perf
Command: npx skills add https://github.com/NagyVikt/codex-plugins --skill web-perf-nagyvikt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of diagnosing web performance bottlenecks, helping developers identify why a site is slow and how to improve its Core Web Vitals.

Core Features & Use Cases

Performance Tracing: Captures cold-load metrics and identifies render-blocking resources using Chrome DevTools.
Metric Analysis: Evaluates LCP, CLS, TBT, and other vitals against industry-standard thresholds.
Optimization Guidance: Provides actionable insights for network requests, accessibility gaps, and codebase-level performance improvements.

Quick Start

Use the web-perf skill to run a full performance audit on the target URL and provide a prioritized list of optimization recommendations.

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 web application?▼

Web performance tracing captures cold-load metrics and identifies render-blocking resources using Chrome DevTools. It evaluates LCP, CLS, and TBT against industry thresholds to pinpoint exactly why a site is slow.

What is the best way to identify render-blocking resources during a page load?▼

To identify render-blocking resources, run a performance trace using Chrome DevTools to capture cold-load metrics. This analyzes network dependency chains to expose resources delaying your page rendering.

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

Yes, you need an active integration with the chrome-devtools-mcp server to run web performance audits. The skill requires it to execute trace and analysis commands for evaluating Core Web Vitals.

Can I analyze network dependency chains and accessibility snapshots with a web performance audit?▼

Yes, a web performance audit can analyze network dependency chains and accessibility snapshots. The skill performs end-to-end audits to evaluate network requests and identify accessibility gaps alongside Core Web Vitals.

Why does my site have a poor Largest Contentful Paint score and how can I optimize it?▼

A poor LCP score often stems from render-blocking resources or slow network dependency chains. The skill analyzes these web performance metrics and provides actionable optimization guidance to improve loading.