web-perf

Audit target URLs for Core Web Vitals and render-blocking resources.

1|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/mahou-labs/shiru --skill web-perf-mahou-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/mahou-labs/shiru/tree/main/.agents/skills/web-perf
Command: npx skills add https://github.com/mahou-labs/shiru --skill web-perf-mahou-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyzes and improves website performance by diagnosing Core Web Vitals, render-blocking resources, and network dependencies to deliver faster, more reliable user experiences.

Core Features & Use Cases

  • Core Web Vitals analysis: Measures FCP, LCP, TBT, CLS, and Speed Index, identifies bottlenecks, and estimates impact on user-perceived performance.
  • Resource & network analysis: Detects render-blocking scripts/styles, dependency chains, caching gaps, and large assets that harm load times.
  • Actionable recommendations: Provides concrete optimization steps aligned with development workflows and tooling.
  • Use Case: Profile a slow landing page to surface top latency contributors and generate a prioritized fix plan.

Quick Start

Audit a target page to generate a performance report with Core Web Vitals and actionable 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 specific URL?

To audit Core Web Vitals for a URL, this skill measures FCP, LCP, TBT, CLS, and Speed Index to identify performance bottlenecks. It estimates impact on user-perceived performance and generates an actionable optimization plan.

How can I find render-blocking resources and network dependencies slowing down my page?

Finding render-blocking resources and network dependencies involves detecting blocking scripts, styles, dependency chains, caching gaps, and large assets. This skill analyzes network dependencies to pinpoint latency contributors harming load times.

What is the best way to profile a slow landing page and generate a prioritized fix plan?

The best way to profile a slow landing page is to surface top latency contributors and generate a prioritized fix plan. This skill audits the target URL to provide concrete optimization steps aligned with development workflows.

Does this performance audit provide recommendations for common frameworks and hosting setups?

Yes, the performance audit provides actionable recommendations and steps to reproduce improvements across common frameworks and hosting setups. It ensures optimization steps align directly with your existing development workflows and tooling.

Can I use MCP tooling to measure real user pages for caching gaps and render-blocking issues?

Yes, you can use MCP tooling to measure real user pages for caching gaps and render-blocking issues. The skill applies this tooling to audit target URLs and quantify web performance issues affecting user experience.

Why does my web performance audit report a high Total Blocking Time, and how do I fix it?

A high Total Blocking Time in a web performance audit indicates main-thread bottlenecks from render-blocking scripts. This skill identifies these network dependencies and provides concrete optimization steps to reduce latency.