skills.rest
LAF-US
LAF-USOFFICIAL
Explore all skills by this author →
GitHub

web-perf

Analyze Core Web Vitals and render-blocking resources to identify performance bottlenecks.

Updated Dec 17, 2024
Search Tags:#optimization#mcp#chrome-devtools#web-performance#core-web-vitals#performance-audit
One-click install
npx skills add https://github.com/LAF-US/IDAHO-VAULT --skill web-perf-laf-us
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/LAF-US/IDAHO-VAULT/tree/main/.codex/plugins/cache/openai-curated/cloudflare/314574a046f21938025ae443f9c6dbbd0c2c9b7a/skills/web-perf
Command: npx skills add https://github.com/LAF-US/IDAHO-VAULT --skill web-perf-laf-us

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance guidance can become outdated; this skill provides an up-to-date, tool-backed approach to auditing and improving page load speed by verifying MCP tooling and measuring Core Web Vitals.

Core Features & Use Cases

  • Analyze Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index) and identify render-blocking resources and network bottlenecks.
  • Provide actionable recommendations and validation steps for improvements across pages or single-page apps.
  • Use cases include profiling site speed, debugging performance regressions, and validating Lighthouse scores against real-user metrics.

Quick Start

Verify MCP tools are available and run a performance trace on the target URL to begin auditing.

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 to find render-blocking resources?▼

Auditing Core Web Vitals requires running a performance trace on the target URL to measure FCP, LCP, CLS, and TBT, identifying network bottlenecks and render-blocking resources for actionable optimization recommendations.

What is the best way to profile web performance across multiple pages?▼

Profiling web performance across pages involves using standard web performance APIs to measure Core Web Vitals, diagnose load time regressions, and generate validation steps for improvements across single-page apps or entire sites.

Do I need MCP tooling to measure LCP and CLS for a performance audit?▼

Yes, you need MCP tooling access to measure LCP, CLS, and other Core Web Vitals. Verifying that MCP tools are available is the required first step before running a performance trace on the target URL.

Can I use Chrome DevTools data to validate Lighthouse scores against real-user metrics?▼

Validating Lighthouse scores against real-user metrics involves using standard web performance APIs to profile site speed, debug performance regressions, and measure Core Web Vitals like FCP, LCP, TBT, and Speed Index.

Why does my web performance optimization recommendation become outdated?▼

Web performance optimization guidance becomes outdated without a tool-backed approach. Continuously auditing page load speed by verifying MCP tooling and measuring Core Web Vitals provides up-to-date, actionable recommendations.

Related Skills

Explore More Software Engineering Skills→
Gaku52Gaku52
6

frontend-performance

Optimize React/Next.js frontend performance by reducing Core Web Vitals and bundle sizes.

Community
Advanced
FabioFioritaFabioFiorita

web-perf

Analyze web page performance with Chrome DevTools MCP to measure Core Web Vitals.

Community
Advanced
cloudflarecloudflare
2.6k

web-perf

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

Official
Advanced
daveiodaveio

web-perf

Measure Core Web Vitals and detect render-blocking resources with Chrome DevTools MCP.

Community
Intermediate