用途:系统性优化 Vercel 部署性能,围绕四个杠杆——边缘缓存、打包体积缩减、Serverless 函数冷启动消除、Core Web Vitals 改善。适用于出现页面加载慢、需要优化 Core Web Vitals 或降低函数冷启动的 Vercel 项目。
主要能力与用法:先建立性能基线,用 vercel inspect 查看部署体积与函数数量,npx lighthouse 输出 JSON 并配合 jq 提取 performance、LCP、CLS,Next.js 用 ANALYZE=true npx next build 生成打包分析,并在控制台启用 Vercel Analytics。随后配置边缘缓存:在 API 响应设置 Cache-Control: s-maxage=60, stale-while-revalidate=300,或在 vercel.json 的 headers 中为静态资源设置 public, max-age=31536000, immutable。动态页可用 ISR(export const revalidate = 60)或通过 API 路由携带密钥触发按需 revalidate。冷启动方面,采用懒初始化单例避免顶层导入重型模块,并把延迟敏感路径迁移到 Edge Functions(runtime: 'edge')。打包优化包括 optimizePackageImports 树摇、客户端剔除 fs/net/tls 等 server-only 依赖,用 npx depcheck、npx cost-of-modules 排查大依赖,并以轻量库替代重型库。图片用 next/image 自动转 WebP/AVIF 并边缘缓存,在 vercel.json 配置 images.sizes、domains、formats、minimumCacheTTL。
性能目标参考:LCP<2.5s、INP<200ms、CLS<0.1、TTFB<200ms、函数冷启动<500ms、gzip 后 JS<200KB。
限制与注意:缓存需可靠性护栏,只对无用户态内容的只读路由公开缓存,绝不可公开缓存依赖认证或 Cookie 的响应;ISR 页面持续陈旧时应调低 revalidate 间隔;图片外部域名需加入 images.domains 白名单。成本优化见相关 vercel-cost-tuning 技能。