用 Vercel 中国 加速 做 30 秒自检

打开 Chrome DevTools → Network 面板 → 在国内访问你的 Vercel 站点:

  • TTFB(首字节) > 1.5 秒 → 跨境延迟问题
  • fonts.googleapis.com / google-analytics.com Pending 20+ 秒 → 被墙第三方资源
  • .vercel.app 域名访问失败 / 重置 → DNS 污染或针对性封锁
  • TLS handshake > 500ms → 跨境 TLS 握手慢
  • 国内 4G 网络下首屏 > 5 秒 → 综合问题

如果你的应用是 SSR(next.js app router)且大量调用境外 API(Stripe / Supabase / OpenAI),国内访问首屏 8-15 秒是基线,光优化前端 CDN 不够,必须优化后端 API 部署位置。

最短处理路径(按概率从高到低)

第 1 步:删除被墙第三方资源(最高 ROI)

打开 DevTools → Network → 看哪些资源在国内 Pending 20+ 秒:

  • fonts.googleapis.com / fonts.gstatic.com → 自托管字体或用 next/font 内联
  • www.googletagmanager.com / google-analytics.com → 换 Plausible / Posthog / Simple Analytics
  • connect.facebook.net (Pixel) → 换 PostHog
  • youtube.com 视频嵌入 → 用 Bilibili / 自托管 mp4
  • twitter.com/widgets.js → 静态截图代替
  • cdn.jsdelivr.net(部分被墙) → 自托管或换 unpkg.com

效果:删除被墙资源能让国内首屏从「20+ 秒卡死」立刻变「3-6 秒可用」,这是 Vercel 优化的第一步。

第 2 步:用自定义域名(Vercel 官方建议)

xxx.vercel.app 改成你自己的域名(如 app.yourcompany.com):

  1. 在 Vercel Dashboard → Project → Settings → Domains → Add Domain
  2. 在你的 DNS 提供商(Cloudflare DNS / 阿里云 DNS)添加 CNAME 记录指向 cname.vercel-dns.com
  3. 等待 SSL 证书自动签发(1-2 分钟)

效果:能避开少数针对 vercel.app 子域的封锁 / 降速,提升 10-20%。

第 3 步:选一个加速方案(核心)

方案 A:BunnyCDN 反代(性价比首选)

适用:月预算 < $50,主站偏静态(next.js SSG / Astro / Hugo)。

步骤

  1. 注册 bunny.net
  2. 创建 Pull Zone:
    • Origin URL: https://your-vercel-domain.com
    • Pricing Zone: Asia, Oceania, Africa(含香港 / 新加坡 / 东京)
  3. 在 Bunny 后台开启「Edge Rules」缓存 HTML 5 分钟(动态站可调短)
  4. 把你的域名 CNAME 指向 BunnyCDN 提供的地址(如 xxx.b-cdn.net
  5. SSL:用 Bunny 自带或自己上传

月费:流量费 $0.005-0.04/GB,10GB 流量约 $0.05-0.4。中型 SaaS 月费 $5-30。

实测效果:国内首屏从 8-15 秒压到 2-4 秒。

方案 B:21YunBox 全托管(高端方案)

适用:月收入 $50K+,大陆用户为主,需要 ICP 备案 + PIPL 合规。

特点

  • 自动识别 + 替换被墙的第三方资源(Google Fonts → 自家镜像)
  • 含 ICP 备案 + MIIT 审计 + PIPL 数据安全合规
  • 视频资源(YouTube / Vimeo)通过国内代理加速
  • 集成多家境内 CDN(阿里云 / 腾讯云)

月费:$200-2000/月,按流量 + 合规等级阶梯定价。

适合:中型出海公司「Vercel 部署主站 + 21YunBox 做中国大陆访问优化」。

方案 C:Cloudflare 香港 PoP + 香港 VPS 源站(混合架构)

适用:技术团队能维护 VPS,需要细粒度控制。

架构

国内用户 → Cloudflare 香港 PoP(缓存静态资源)
         → 香港 VPS(CN2 GIA 直连,运行 Next.js Server / API)
         → Vercel(仅作为 CI/CD 部署目标,国内流量不走 Vercel)

步骤

  1. 租香港 VPS(搬瓦工 HK / DMIT / RackNerd HK)选 CN2 GIA 线路(电信高级商业线路,国内 RTT 50-100ms)
  2. 在 VPS 上部署 Next.js(用 PM2 或 Docker)
  3. Cloudflare 免费版做前置 CDN,开启 HTTP/3 + Brotli + Polish
  4. Vercel 仍用于 dev 环境 + 预览部署

月费:VPS $30-80/月 + Cloudflare 免费。

实测效果:国内首屏 1-3 秒,是「无 ICP 备案条件」下最快的方案。

为什么会这样

中国大陆访问 Vercel 的延迟构成:

环节延迟可优化
用户 → 国内 ISP5-30ms
国内 ISP → 国际出口(北京 / 上海 / 广州)10-50ms
跨境海底光缆 → 香港 / 东京 / 首尔100-180ms
Vercel Edge 节点处理5-50ms部分
Vercel → 美国源站(如 SSR)100-200ms是(API 部署位置)
第三方资源(Google Fonts 等)0-30000ms是(删除或替换)

关键认知:60-70% 延迟来自不可压缩的物理传输,30-40% 是可优化空间。Vercel 默认配置在这 30-40% 内做得不好(无亚太边缘节点的智能路由)。

继续查 Vercel 中国 加速

如果 3 个方案都试了仍慢:

  • 检查 DNS 解析:用 nslookup yourdomain.com 8.8.8.8 和国内 DNS(114.114.114.114)对比,看是否 DNS 污染
  • 检查 SSL/TLS:用 ssllabs.com 测,TLS 1.3 比 1.2 快
  • 检查 favicon.ico / robots.txt:404 资源拖慢首屏
  • Next.js 优化:开启 next/image 自动优化、用 next/font 自托管字体、删除未使用的 _app.tsx 全局 CSS

还没恢复时,单独查 Vercel 中国 加速

如果上述全做了国内首屏仍 > 5 秒:

  1. 混合 CDN 策略:阿里云 / 腾讯云 CDN 做国内 + Cloudflare 做海外,按 IP 智能分流(要求 ICP 备案)
  2. 静态化:把动态页全部 ISR / SSG 静态化,部署到 BunnyCDN,仅 API 走 Vercel
  3. 跳转策略:识别中国 IP 自动跳到 cn.yourdomain.com(带 ICP 备案的境内版)
  4. 切换部署平台:考虑 Netlify(亚太节点略多)+ BunnyCDN,或自建 Hong Kong VPS

如果你长期游民在海外做项目,平时调试国内访问问题需要稳定的跨境网络环境。在境外想观察国内 ISP 视角的速度问题、或在国内调试 Vercel Dashboard 都需要稳定线路。建议常备一条 海外服务跑 GitHub Actions / Cloudflare 的稳定线路,确保部署 / 监控 / 调试连续不断。

相关报错

相关阅读