SuperAPI AI 工具集

webperf-resources

数据与分析

查看项目

更新于 10-16 02:33

技能介绍

用途:该技能属于 WebPerf 系列,面向在 Chrome DevTools 中测量网页性能的场景,重点分析网络质量并支持自适应加载策略。

主要能力:核心脚本为 scripts/Network-Bandwidth-Connection-Quality.js,可分析网络带宽、有效连接类型(effectiveType)、往返时延(RTT)、下行带宽(downlink)以及省流量模式(save-data)。技能还提供决策树,根据检测结果推荐后续片段,例如慢速连接时建议内联关键 CSS、实施激进懒加载、移除预取;高延迟时建议检查 TTFB、优化 preconnect、使用 Service Worker 缓存;带宽充足时可采用更高画质媒体与策略性预取。

使用方式:在 Chrome DevTools 中通过 mcp__chrome-devtools__evaluate_script 执行脚本,并用 mcp__chrome-devtools__get_console_message 捕获输出。技能还给出按连接类型划分的性能预算参考,以及针对 slow-2g/2g、3g、4g+ 和省流量模式的自适应加载实现指南。

适用场景:网络性能评估、连接质量分析、自适应加载实现、省流量模式检测、移动端与慢速连接优化。

限制:Network Information API 在 Safari 中不受支持,需以 TTFB、设备检测或用户偏好作为回退;API 返回值为估算,会话中可能变化,长会话需定期重新检测;部分浏览器出于隐私会限制精度,数值可能被取整或封顶。具体阈值与返回结构可参考 references/snippets.md 与 references/schema.md。