performance-audit

Collect Web Vitals, network timing, and render data to identify web page performance bottlenecks.

7|1|Updated Feb 2, 2026
One-click install
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill performance-audit-serkan-ozal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-audit
Source: https://github.com/serkan-ozal/browser-devtools-skills/tree/main/skills/performance-audit
Command: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill performance-audit-serkan-ozal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyzes web page performance by collecting Web Vitals, network timing, and render data to identify bottlenecks.

Core Features & Use Cases

  • Web Vitals Analysis: measure LCP, INP, CLS, FCP, and related metrics to evaluate user experience.
  • Network & Render Insights: inspect HTTP requests, resource timing, and render-blocking issues to guide optimizations.
  • In-Browser Analysis: run in-browser scripts to examine performance entries and long tasks for deeper debugging.
  • Use Case: diagnose slow pages and optimize resource loading to improve perceived performance.

Quick Start

Navigate to a page and run a quick performance-audit to capture Web Vitals and network timing data.

Frequently Asked Questions about performance-audit

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

FAQPage Schema
How do I analyze Web Vitals like LCP and INP to diagnose slow page load times?

To analyze Web Vitals like LCP and INP, you collect performance entries, network timing, and render data to identify bottlenecks. This requires browser-devtools-cli tooling with observability and navigation capabilities to gather the metrics and produce structured insights.

What is the best way to debug render-blocking resources and network timing issues on a web page?

The best way to debug render-blocking network timing issues is to inspect HTTP requests and resource timing data in-browser. By running scripts to examine performance entries and long tasks, you can pinpoint the exact bottlenecks slowing down page rendering.

Can I use browser-devtools-cli to run in-browser scripts for performance debugging?

Yes, you can use browser-devtools-cli to run in-browser scripts for performance debugging. The tooling leverages observability, navigation, and content capabilities to examine performance entries and long tasks, producing structured insights for optimization.

How do I check SEO performance and user-experience metrics on real web pages?

You check SEO performance and user-experience metrics by running a performance audit on real pages. This involves measuring Core Web Vitals—LCP, INP, CLS, and FCP—alongside network and render data to evaluate and improve perceived load speed.

Why does my web page have poor perceived performance despite fast network speeds?

Poor perceived performance despite fast network speeds often stems from render-blocking resources or long tasks. Analyzing render data and resource timing in-browser identifies these specific execution bottlenecks, guiding optimizations to improve the actual user experience.

Do I need special tooling to measure Core Web Vitals in a test environment?

Yes, measuring Core Web Vitals in a test environment requires browser-devtools-cli tooling. It provides the necessary observability, navigation, and content capabilities to capture LCP, INP, CLS, and FCP metrics and produce structured performance insights.