跳至主要内容
小龙虾小龙虾AI
🤖

Vercel Speed Audit

Optimize Vercel build and deploy speed — audit checklist for new and existing projects.

下载136
星标0
版本1.0.0
开发工具
安全通过
💬Prompt

技能说明


name: vercel-speed-audit description: Optimize Vercel build and deploy speed — audit checklist for new and existing projects.

Vercel Speed Audit Skill

Optimize Vercel build and deploy speed for any project. Run as a checklist when starting new projects or auditing existing ones.

When to Use

  • New project setup — configure optimal defaults from day one
  • Build times creeping up — audit and fix performance regressions
  • Deploy queue bottlenecks — eliminate waiting on concurrent builds
  • Production incidents — use instant rollback instead of waiting for a new build
  • Cost optimization — balance speed vs spend on build infrastructure

Triage First (Don't Blindly Run All 10)

Before running the full checklist, measure and assess:

# 1. Check current build times
cd <project> && npx vercel ls --limit 5

# 2. Check team/plan tier
npx vercel team ls

Decision tree:

Build TimeAction
< 20sOnly do items 0, 1, 3-5, 10. Skip GitHub Actions (#8), skip barrel file audit (#6) unless codebase is large.
20-60sDo items 0-7, 10. GitHub Actions (#8) is optional.
60s+Do everything. GitHub Actions (#8) becomes high-value.

Auth-gated app? (All pages behind login) → Skip ISR (#9) entirely. ISR caches one response for all users — incompatible with per-user content.

Framework: → SvelteKit: Also read docs/sveltekit.md — includes adapter-vercel switch, prerendering, $env tips. → Next.js/Nuxt/Other: docs/general.md covers framework-agnostic items.

Checklist (Ordered by Impact)

#OptimizationImpactCLI-checkable?Plan Required
0Use explicit adapter (e.g., adapter-vercel not adapter-auto)Faster, no detection overhead✅ Check configAny
1Turbo Build Machines50-70% faster builds❌ Dashboard onlyPro+
2On-Demand Concurrent BuildsEliminates deploy queue❌ Dashboard onlyPro+
3Prerender Static PagesFewer functions, faster TTFB✅ Audit codeAny
4Ignored Build StepSkip irrelevant builds✅ Check vercel.jsonAny
5Prioritize Production BuildsProd deploys go first❌ Dashboard onlyPro+
6Eliminate Barrel Files10-30% build speedup✅ Audit codeAny
7Audit & Trim DependenciesFaster install + bundle✅ Run depcheckAny
8GitHub Actions + --prebuiltFull cache control, skip Vercel build✅ Add workflowAny
9ISR for Dynamic PagesFewer cold starts✅ Audit routesAny
10Instant RollbackZero-downtime recoveryvercel rollbackHobby: last only; Pro+: any

Pro plan items (#1, #2, #5): If not on Pro, check team plan first. These are the highest-impact free wins on Pro.

Dashboard Links (Can't Check via CLI)

For a team called <team-slug>:

  • Turbo machines: https://vercel.com/<team-slug>/<project>/settings → General → Build Machine
  • Concurrent builds: https://vercel.com/teams/<team-slug>/settings → Build Queue
  • Prioritize prod: https://vercel.com/<team-slug>/<project>/settings → Git → Production prioritization

Docs

Lessons Learned

Real-world findings from running all 10 checks on a SvelteKit project with 16-18s builds:

  1. Half the checklist was overkill — builds were already fast. Triage step now prevents wasted effort.
  2. ISR is irrelevant for auth-gated apps — every page served per-user content. Added decision tree.
  3. adapter-autoadapter-vercel was a missed win — not in original 10 but came up in dep audit. Now item #0.
  4. Dashboard-only settings are the highest-impact items (Turbo, concurrent, priority) but can't be verified via CLI. Added direct links.
  5. GitHub Actions + prebuilt only worth it at 60s+ — for fast builds, the Vercel Git integration is simpler and equally fast.
  6. The dep audit found the project was already lean (11 deps, 84MB node_modules, 472K client bundle). Only one unused dep (clsx).
  7. Team/plan tier gates most high-impact items — checking plan should be step 1.

Quick Start

  1. Triage: Measure build times + check plan tier
  2. Run applicable items from the checklist based on decision tree
  3. If SvelteKit, also review docs/sveltekit.md
  4. Track findings in a report file (e.g., vercel-speed-report.md)
  5. For complex CI needs, follow docs/github-actions-prebuilt.md

如何使用「Vercel Speed Audit」?

  1. 打开小龙虾AI(Web 或 iOS App)
  2. 点击上方「立即使用」按钮,或在对话框中输入任务描述
  3. 小龙虾AI 会自动匹配并调用「Vercel Speed Audit」技能完成任务
  4. 结果即时呈现,支持继续对话优化

相关技能