SuperAPI AI 工具集

browser-required

前端与建站

查看项目

更新于 10-16 05:43

技能介绍

用途:该规则针对前端性能审计场景,要求在真实浏览器引擎中运行并渲染页面,以获取静态分析无法模拟的渲染、脚本执行与布局数据,用于排查页面加载慢、资源过重或渲染延迟等问题。

主要能力:使用真实浏览器引擎采集运行时指标(LCP、CLS、INP);通过完整浏览器中的合成测试揭示执行瓶颈;在不同设备与网络连接模拟下验证性能表现。

使用方式:确保性能审计在能执行JavaScript并渲染页面的环境中进行,例如Lighthouse或Puppeteer;将Lighthouse或WebPageTest等基于浏览器的测试工具集成到开发流程和CI/CD流水线中;在代码审查时检查影响性能的路由、资源和加载行为,标出增加多余网络、CPU或布局开销的具体文件、请求或渲染步骤,并说明用于确认问题的测量方法。

适用场景:前端性能审计、CI/CD中的性能检测、跨设备与网络条件的性能验证。

限制:规则本身强调静态分析不足以反映真实渲染,因此需依赖浏览器环境;完整实现细节、代码示例与框架相关指引需参见references/rule.md,具体工具配置与参数暂未提供。