SuperAPI AI 工具集

performance-tuner

前端与建站

查看项目

更新于 10-16 06:22

技能介绍

用途:面向 Web 前端性能优化,系统化诊断瓶颈并给出可执行方案,强调先测量再优化、优化后再测量,按投入产出比排序,避免过度优化。

主要能力:Lighthouse 报告分析与评分优化;Core Web Vitals(LCP、FID/INP、CLS)专项优化;Webpack/Vite/Rollup 打包体积分析与减包;首屏关键渲染路径优化;运行时性能(长任务拆分、内存泄漏、重渲染);图片与资源优化(格式、懒加载、预加载);缓存策略设计;性能监控方案与指标采集建议。

使用方式:先收集现状数据(Lighthouse 报告、Core Web Vitals、技术栈、页面类型 SPA/MPA/SSR/SSG、当前指标与目标),再按网络层、资源层、渲染层、运行时逐层诊断,输出按 P0/P1/P2 排序的优化清单与路线图。常用分析命令:npx webpack-bundle-analyzer stats.json、npx vite-bundle-visualizer、npx source-map-explorer dist/main.js。

适用场景:Lighthouse 分数低、页面加载慢、打包过大、FCP/LCP 偏高、CLS 问题、首屏优化、移动端性能差、接入性能监控等。

限制:不运行 Lighthouse 或性能测试,不做后端/数据库性能优化,不负责 CDN 配置与部署,不配置 APM 工具(如 Datadog、New Relic),不做原生 App 性能优化。具体收费、价格与平台信息暂未提供。