Detect client connection types and provide adaptive loading recommendations.
npx skills add https://github.com/YeomanYe/skills --skill webperf-resources
Please help me install this Agent Skill. Skill: webperf-resources Source: https://github.com/YeomanYe/skills/tree/main/webperf-resources Command: npx skills add https://github.com/YeomanYe/skills --skill webperf-resources
Analyzes network conditions to guide adaptive loading strategies, reducing wasted bandwidth and improving perceived performance on slow or constrained connections.
Ask the AI to analyze a page by monitoring network conditions and proposing adaptive loading and performance budgets.
High-intent search queries and answers about installing and using this skill.
Adaptive network-aware performance analysis detects client connection types like slow-2g and 4g to enforce tailored resource budgets, providing actionable loading recommendations that reduce wasted bandwidth and improve perceived performance on slow connections.
Adaptive loading is a strategy that detects client network conditions and RTT to dynamically adjust resource delivery. For mobile optimization, it lowers image quality and defers scripts when a slow connection is identified, enforcing performance budgets.
You set performance budgets based on network quality by identifying connection types from slow-2g to 4g and applying clear thresholds. This enforces actionable loading steps tailored to each connection type to reduce wasted bandwidth.
Yes, you can analyze network conditions using Chrome DevTools to monitor connection types and RTT. This guides the implementation of adaptive loading strategies and enforces performance budgets for slow or constrained networks.
You need to apply data-saving scenarios when targeting slow connections, mobile optimization, or constrained networks. By detecting connection types from slow-2g to 4g, you can enforce resource budgets and defer non-critical scripts to save bandwidth.
charl-krugerMeasure Core Web Vitals and profile resource timing with Chrome DevTools MCP.
wilfriedagoOptimize Angular performance with NgOptimizedImage, @defer lazy loading, and SSR hydration.
AbhiRKeesaraMeasure Core Web Vitals and enforce performance budgets in Playwright tests.
ToqsickRoute coding tasks to cloud agents by weight, model, and budget.
