SuperAPI AI 工具集

page-weight-budget

测试与质量

查看项目

更新于 10-16 09:53

技能介绍

用途:检查一个页面是否符合合理的性能预算,输出各项指标与预算的对比及主要优化点。无需注册,触发语句如“Check page weight for https://...”“Is my site too heavy?”“Performance budget audit mysite.com”。

前置条件:Playwright MCP(随 Claude Code 提供)。

工作流:先用 mcp__playwright__browser_navigate 打开 URL,等待加载稳定后用 mcp__playwright__browser_network_requests 拉取全部请求;按资源类型(document、script、stylesheet、image、font、xhr/fetch、media、other)汇总传输大小与请求数。同时通过 browser_evaluate 采集:head 中未加 async/defer 的 script、无 media/preload 的 stylesheet 等阻塞渲染资源;自然尺寸远大于 CSS 显示框的图片及大于 200KB 的图片;文本资源缺少 content-encoding: gzip|br 的响应。

默认预算(可被用户覆盖):总传输 ≤ 1.5 MB,请求数 ≤ 50,JS 传输 ≤ 400 KB,图片传输 ≤ 600 KB,阻塞渲染资源 0。

输出:以表格列出各项的实际值、预算与状态(ok/OVER),给出整体 FAIL 或通过结论,并附“Biggest wins”优化建议,例如启用 brotli、代码分割、压缩图片、为 script 添加 defer。

限制:依赖 Playwright MCP 环境;预算为默认值,可覆盖;资料未提供更多平台、收费或效果数据,暂未提供。