benchmark

Benchmark web pages by comparing navigation metrics and Core Web Vitals.

6|2|Updated Oct 18, 2021
One-click install
npx skills add https://github.com/jerrywu001/jerrywu001 --skill benchmark-jerrywu001
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: benchmark
Source: https://github.com/jerrywu001/jerrywu001/tree/main/.claude/skills/benchmark
Command: npx skills add https://github.com/jerrywu001/jerrywu001 --skill benchmark-jerrywu001

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill detects performance regressions in web pages by measuring real page-load and Core Web Vitals data before and after each change, so slowdowns are caught early instead of discovered by users.

Core Features & Use Cases

  • Automated page benchmarking: Collects timing and quality signals (e.g., navigation timings, Core Web Vitals, and full load) directly from the running site using the browse daemon.
  • Baseline capture and PR comparison: Supports saving a baseline and comparing current results to it to flag regressions consistently on every pull request.
  • Resource and bundle analysis: Summarizes top slow resources plus JS/CSS bundle sizes and transfer volume to pinpoint likely causes like large bundles or expensive third-party assets.
  • Trend reporting: Aggregates historical baseline data to show whether performance is improving or degrading over time.

Quick Start

Run /benchmark https://example.com --baseline to capture your current performance baseline, then run /benchmark https://example.com to compare and highlight regressions.

Frequently Asked Questions about benchmark

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

FAQPage Schema
How do I catch web performance regressions before a release?

Catch web performance regressions by benchmarking web pages to capture real navigation metrics and Core Web Vitals, then comparing current results against a stored baseline to flag slowdowns before release.

How do I set up a performance baseline for PR checks?

Set up a performance baseline for PR checks by running a benchmark command with the baseline flag on your target URL, which saves the initial navigation timings and Core Web Vitals data for future comparison.

Can I analyze JavaScript bundle size and resource load times during a performance audit?

You can analyze JavaScript bundle size and resource load times during a performance audit because the benchmarking process summarizes top slow resources alongside JS and CSS transfer volume to pinpoint causes of regressions.

Does this benchmarking tool support tracking Core Web Vitals trend analysis over time?

Core Web Vitals trend analysis is supported by aggregating historical baseline data into reports, showing whether your overall web page performance metrics are improving or degrading across multiple routes over time.

What is the best way to automate page speed monitoring for multiple routes?

The best way to automate page speed monitoring for multiple routes is using script-driven extraction of performance entries via a deterministic browse daemon, generating baseline and diff reports for each route automatically.

Why do I need a deterministic page measurement environment for performance benchmarking?

You need a deterministic page measurement environment for performance benchmarking because the browse daemon ensures consistent script-driven extraction of Core Web Vitals and resource size data, preventing flaky metrics from masking real regressions.