用途:帮助开发者系统性提升网站与 Web 应用性能,改善用户体验、SEO 排名与转化率,覆盖加载速度、运行时性能与 Core Web Vitals。
主要能力:按五步流程工作——先测量基线(Lighthouse 审计、LCP/FID/CLS、包体积、网络瀑布),再定位大型 JS 包、未优化图片、渲染阻塞资源、慢服务响应、缺失缓存头、布局偏移、阻塞主线程的长任务等问题,然后按影响优先级优化关键渲染路径、代码分割与懒加载、图片、缓存策略与第三方脚本,最后重新审计并对比前后指标、监控真实用户数据(RUM)。
必要用法:常用命令与做法保持原样,例如用 npx webpack-bundle-analyzer dist/stats.json 分析打包构成,lighthouse https://yoursite.com --throttling.cpuSlowdownMultiplier=4 在限速下测试;用 picture/source 提供 AVIF、WebP 与 JPEG 回退,为图片指定 width/height 并使用 loading 与 fetchpriority,脚本使用 defer 或 async,通过动态导入与非关键脚本延迟加载减小主包。
适用场景:网站或应用加载缓慢、优化 LCP/FID/CLS、缩减 JavaScript 包体积、改善 Time to Interactive、优化图片与资源、实现缓存策略、排查性能瓶颈、准备性能审计。
限制:资料未提供该技能的安装方式、定价或平台支持信息,暂未提供;内容以通用前端性能实践为主,具体框架配置需结合项目实际情况。