SuperAPI AI 工具集

check-performance

前端与建站

查看项目

更新于 10-16 00:04

技能介绍

用途:分析网页 HTML 中的性能相关模式,适合在用户要求检查页面性能、审计资源加载、验证懒加载或检查预加载时使用。

主要能力:检查渲染阻塞 CSS(head 中无 media 查询的 CSS)、渲染阻塞 JS(无 async/defer 的脚本)、图片与 iframe 缺少 loading="lazy"、第三方域名缺少 preconnect、关键资源缺少 preload、超过 14KB 的内联样式与脚本、图片缺少 width/height(影响 CLS)、图片缺少 srcset/sizes、外部域名缺少 dns-prefetch、同步第三方脚本等。输出包含资源汇总、严重问题、优化机会、资源提示、评分与建议,并说明对 LCP、CLS、INP 的影响。

使用方式:进入脚本目录后运行 bun src/check-performance.ts <URL>。可选参数:--verbose/-v 显示全部资源,--json/-j 以 JSON 输出结果。示例:bun src/check-performance.ts https://example.com --verbose。

适用场景:前端性能审计、上线前检查、资源加载优化排查。

限制:资料未提供安装步骤、依赖要求、支持的浏览器或平台范围、收费与价格信息,也未说明评分算法细节。