web-perf

Audit Core Web Vitals and render-blocking resources for web performance.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/narduk-enterprises/myboat --skill web-perf-narduk-enterprises
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/narduk-enterprises/myboat/tree/main/.github/skills/web-perf
Command: npx skills add https://github.com/narduk-enterprises/myboat --skill web-perf-narduk-enterprises

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance analysis is essential for delivering fast, reliable user experiences. This skill provides a structured methodology to measure Core Web Vitals, identify render-blocking resources, analyze network dependency chains, and surface accessibility gaps for remediation.

Core Features & Use Cases

  • Core Web Vitals measurement: Collects FCP, LCP, CLS, TTI/TBT, and Speed Index with detailed breakdowns.
  • Resource and network analysis: Identifies render-blocking resources, critical request chains, and caching opportunities.
  • Audit and recommendations: Generates actionable optimizations and guides improvements across CI or production reviews.
  • Accessibility snapshot: Flags accessibility gaps surfaced during performance audits.

Quick Start

Run a page performance audit against your target URL using the MCP workflow to review Core Web Vitals and resource timing.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I measure Core Web Vitals for a production website?

Measuring Core Web Vitals for a production website involves collecting FCP, LCP, CLS, TTI, TBT, and Speed Index metrics. This skill provides detailed breakdowns of these timings to help identify and resolve performance bottlenecks.

What is the best way to find render-blocking resources in a single-page application?

The best way to find render-blocking resources in a single-page application is by analyzing network dependency chains and critical request paths. This skill identifies these bottlenecks and caching opportunities to guide targeted optimizations.

How does a network request analysis help improve web performance?

Network request analysis improves web performance by identifying critical request chains, render-blocking dependencies, and caching opportunities. Surfacing these network issues allows you to systematically eliminate bottlenecks and speed up loading.

Can I audit accessibility gaps during a web performance audit?

Yes, you can audit accessibility gaps during a web performance audit. This skill takes an accessibility snapshot to flag issues, ensuring performance improvements do not overlook accessibility compliance during production reviews.

Does this web performance auditing tool work for single-page applications?

Yes, this web performance auditing tool works for single-page applications. It is specifically designed for performance engineers auditing production sites and SPAs, analyzing render-blocking resources and network dependencies effectively.

Why does my page have a high LCP and how do I optimize it?

Your page has a high LCP due to render-blocking resources or slow network dependency chains. You can optimize LCP by running an audit to collect metric breakdowns, identify bottlenecks, and apply the generated actionable recommendations.