SuperAPI AI 工具集

performance

编程与开发

查看项目

更新于 10-16 06:49

技能介绍

用途:针对应用性能进行优化,覆盖前端 Web Vitals、bundle 体积、API 响应时间、数据库查询、React 渲染和 Serverless 函数性能。

性能目标:前端 LCP<2.5s、FID<100ms、CLS<0.1、FCP<1.8s、TTFB<600ms;后端 p95 响应<500ms、冷启动<2s、错误率<1%;数据库查询<100ms、缓存命中率>80%。

主要能力与用法:测量可用 npx lighthouse https://sgcarstrends.com --view、ANALYZE=true pnpm build、k6 run --vus 100 --duration 5m load-test.js。优化技巧包括动态导入、tree shaking、useMemo/useCallback/React.memo、react-window 虚拟长列表、数据库加索引、避免 N+1、仅选所需列、分页、Redis 与 Next.js 缓存、next/image 图片优化、Vercel 边缘函数与 maxDuration 配置。

诊断:性能中间件记录 X-Response-Time 并告警慢请求,查询耗时超过 100ms 时输出警告,配合 Vercel Analytics 查看函数与边缘执行时间。

适用场景:Next.js/Vercel 全栈应用的前后端性能调优。限制:具体命令、阈值与示例来自公开资料,实际项目需结合自身技术栈调整;未提供的版本、价格、平台细节暂未提供。