webperf-resources

Community

Adaptive network-aware performance analysis.

AuthorYeomanYe
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Analyzes network conditions to guide adaptive loading strategies, reducing wasted bandwidth and improving perceived performance on slow or constrained connections.

Core Features & Use Cases

  • Detects connection type (slow-2g to 4g) and RTT to tailor resource budgets.
  • Provides actionable loading recommendations and cross-skill integration with Loading, Media, and Core Web Vitals.
  • Use Case: optimize a mobile page by lowering image quality and deferring non-critical scripts when on slow networks.

Quick Start

Ask the AI to analyze a page by monitoring network conditions and proposing adaptive loading and performance budgets.

Dependency Matrix

Required Modules

None required

Components

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-resources
Download link: https://github.com/YeomanYe/skills/archive/main.zip#webperf-resources

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.