具有自适应加载策略的智能网络质量分析。检测连接类型 (2g/3g/4g)、带宽、RTT 和保存数据模式，然后自动触发适当的优化工作流程。包括建议针对慢速连接进行图像压缩的决策树、针对高 RTT 的关键 CSS 内联以及保存数据优化（禁用自动播放、降低质量）。具有连接感知性能预算（2g 500KB、3g 1.5MB、4g+ 3MB）和自适应加载实施指南。与加载（TTFB 影响）、媒体（响应式图像）和核心 Web Vitals（对 LCP/INP 的连接影响）的跨技能集成。当用户询问慢速连接、移动优化、保存数据支持或自适应加载策略时使用。与 Chrome DevTools MCP 兼容。
通过命令行快速安装 webperf-resources AI 技能到你的开发环境
来源：nucliweb/webperf-snippets。
JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.
When the user asks about network performance, connection quality, or adaptive loading:
When implementing adaptive loading or the user asks "how to optimize for slow connections":
具有自适应加载策略的智能网络质量分析。检测连接类型 (2g/3g/4g)、带宽、RTT 和保存数据模式，然后自动触发适当的优化工作流程。包括建议针对慢速连接进行图像压缩的决策树、针对高 RTT 的关键 CSS 内联以及保存数据优化（禁用自动播放、降低质量）。具有连接感知性能预算（2g 500KB、3g 1.5MB、4g+ 3MB）和自适应加载实施指南。与加载（TTFB 影响）、媒体（响应式图像）和核心 Web Vitals（对 LCP/INP 的连接影响）的跨技能集成。当用户询问慢速连接、移动优化、保存数据支持或自适应加载策略时使用。与 Chrome DevTools MCP 兼容。 来源：nucliweb/webperf-snippets。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources具有自适应加载策略的智能网络质量分析。检测连接类型 (2g/3g/4g)、带宽、RTT 和保存数据模式，然后自动触发适当的优化工作流程。包括建议针对慢速连接进行图像压缩的决策树、针对高 RTT 的关键 CSS 内联以及保存数据优化（禁用自动播放、降低质量）。具有连接感知性能预算（2g 500KB、3g 1.5MB、4g+ 3MB）和自适应加载实施指南。与加载（TTFB 影响）、媒体（响应式图像）和核心 Web Vitals（对 LCP/INP 的连接影响）的跨技能集成。当用户询问慢速连接、移动优化、保存数据支持或自适应加载策略时使用。与 Chrome DevTools MCP 兼容。 来源：nucliweb/webperf-snippets。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/nucliweb/webperf-snippets