webperf-resources

Intelligent network quality analysis with adaptive loading strategies. Detects connection type (2g/3g/4g), bandwidth, RTT, and save-data mode, then automatically triggers appropriate optimization workflows. Includes decision trees that recommend image compression for slow connections, critical CSS inlining for high RTT, and save-data optimizations (disable autoplay, reduce quality). Features connection-aware performance budgets (500KB for 2g, 1.5MB for 3g, 3MB for 4g+) and adaptive loading implementation guides. Cross-skill integration with Loading (TTFB impact), Media (responsive images), and

Try your first task

Inspect the browser's connection quality

Start a fresh conversation.

Use webperf-resources to run Network-Bandwidth-Connection-Quality.js on <url>. Summarize the reported effective connection type, RTT, downlink, and save-data mode. Explain any unsupported measurements using the returned result.

Required inputs

Replace <url> with the page URL to inspect.
Configure Chrome DevTools MCP, or install the documented CLI with Playwright and Chromium.

Suggested template by Skill Leaderboard, grounded in the linked source. Task evidence ↗

Inside SKILL.md

207 lines

Section content has not been verified for this skill yet.

Full source remains withheld under the current source-display policy. Read the author’s source ↗