profile-browsing
OfficialProfile browsing performance end-to-end.
Authorbitsocialnet
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Profile app performance by measuring Web Vitals and React rerenders to identify bottlenecks and optimize user-perceived load times.
Core Features & Use Cases
- Two-layer profiling that covers browser-level symptoms (Web Vitals, long tasks, layout shifts) and React-level diagnosis (commit counts, render bursts, per-component render data).
- Orchestrates parallel profiler subagents via playwright-cli to collect navigation timing, tasks, and per-route metrics across multiple sessions.
- Use Case: profile complex routes to diagnose excessive rerenders and slow interactions, then optimize components and data flows.
Quick Start
Start exactly one dev server and run the profiler across the desired routes using the predefined batch plan.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: profile-browsing Download link: https://github.com/bitsocialnet/bitsocial-web/archive/main.zip#profile-browsing Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.