webperf-loading
CommunityAutomate loading performance audits.
AuthorYeomanYe
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides automated workflows and JavaScript snippets to diagnose and optimize web page loading by analyzing TTFB, DNS/connection/server breakdown, render-blocking resources, and resource hints validation, enabling faster, more reliable page loads.
Core Features & Use Cases
- Automated, multi-phase loading performance audits covering TTFB, DNS/connection/server breakdown, render-blocking resources, resource hints validation, and script loading.
- A suite of scripts that measure timings, identify bottlenecks, and propose actionable optimizations for fonts, images, and critical CSS.
- Use cases include optimizing slow first contentful paint, reducing render-blocking resources, and validating resource hints for mobile and desktop experiences.
Quick Start
Run the webperf-loading skill to perform a complete loading audit on a target page.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: webperf-loading Download link: https://github.com/YeomanYe/skills/archive/main.zip#webperf-loading 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.