skills.rest
NagyVikt
NagyViktCOMMUNITY
Explore all skills by this author →
Website𝕏@NagyViktordpGitHub

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
One-click install
npx skills add https://github.com/NagyVikt/codex-plugins --skill web-perf-nagyvikt
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
achmfachmf

web-perf

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

Community
Advanced
devsanthoshmkdevsanthoshmk

web-perf

Analyze web pages with Chrome DevTools MCP to diagnose Core Web Vitals and network issues.

Community
Advanced
neverinfamousneverinfamous
19

web-perf

Audit frontend performance by measuring Core Web Vitals and render-blocking resources via Chrome DevTools MCP.

Community
Intermediate
cloudflarecloudflare
2.6k

web-perf

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

Official
Advanced