用途：该技能用于指导编写、审查、调试和配置前端性能测试，帮助在开发与 CI/CD 流程中持续验证前端性能表现。
主要能力：资料明确列出五类覆盖范围——bundle size analysis（打包体积分析）、render performance（渲染性能）、animation frame rate（动画帧率）、React re-render detection（React 重渲染检测）、lazy loading verification（懒加载验证）。
使用方式：当需要为新建或已有项目搭建前端性能测试、审查或改进现有实现、调试前端相关失败、把前端检查接入 CI/CD 流水线，或培训团队前端最佳实践时使用。实施上建议：先评估项目技术栈（如 TypeScript、JavaScript）与既有测试基础设施，据此选择合适工具，配置必要的配置文件与依赖，从关键路径开始编写初始测试并逐步扩大覆盖，最后接入 CI/CD 使测试在每次代码变更时自动运行。
最佳实践与 CI/CD：每个测试只验证一个具体行为或需求，使用描述性名称，保持测试相互独立（不依赖执行顺序或共享状态），正确处理异步操作与超时，执行后清理资源。CI/CD 方面：在每个 PR 上运行测试，设置最低质量阈值作为质量门禁，生成并发布测试报告，配置失败通知，并跟踪长期趋势。
限制与需避免的问题：应避免不稳定（flaky）测试、过度 mock、测试耦合、忽略失败（禁用或跳过失败测试而非修复）、只覆盖正常路径而遗漏边界与错误场景。出现问题时，建议查看测试输出中的具体错误、核对环境与配置、确认依赖为最新、审查近期代码改动，并查阅框架文档中的已知问题。资料未提供具体工具清单、配置示例、安装命令、阈值数值或收费信息。