Cloudflare Pages vs Vercel：静态站托管谁更香

静态网站托管服务遍地开花，但 Cloudflare Pages 和 Vercel 两家独占鳌头。一个是 CDN 巨人，一个是 Next.js 生态的中心；一个全球免费配额海量，一个则提供无缝的前端开发体验。选错了，轻则多花钱，重则丧失关键功能。本文从价格、构建速度、边缘函数、域名配置、分析能力、商用许可、企业特性、海外访问速度、备案要求、迁移工作量等 10 个维度深度对标，帮你找到最适合自己的方案。

1. 价格对比：免费配额与超额成本

Cloudflare Pages 的定价策略极其激进——所有功能免费。你可以无限部署、无限带宽、无限构建，完全不花一分钱。若需使用 Cloudflare Workers（边缘计算），才从第一个请求开始计费，约 $5/月 + 超额按量付费（$0.5 per million requests）。

Vercel 则采用「免费额度 + 超额计费」模式。免费额度包括：每月 100GB 带宽、100GB 存储、每天 24 小时的构建时间、每月 1M 函数调用。看起来不错，但对中等流量站点，几个月就会突破 100GB 带宽上限。超额带宽价格是 $0.25/GB，也就是说 1TB 额外流量要 $250。一个日均 10 万 PV 的网站，月带宽约 50-100GB，频繁突破免费额度。

长期看，若你的网站是纯静态（图片少、访问量中等），Cloudflare Pages 明显更便宜。但若需要大量边缘函数或 Workers，Cloudflare 的 $5 起步费用也不便宜。Vercel 则更适合初创和个人项目（免费额度充分），规模化后按量付费较透明。

2. 构建速度与开发迭代体验

Cloudflare Pages 的构建速度中等，取决于项目规模。一个小型静态网站通常 30-60 秒完成；中等规模（几百个页面的 SSG）可能 3-5 分钟。并发构建能力有限，多个部署会排队。

Vercel 的构建系统专为 Next.js 优化，同样规模项目通常 1-2 分钟完成。Vercel 对增量构建的支持更好，修改单个文件时只重新编译受影响的部分，速度显著快于 Cloudflare。对频繁迭代的开发者，Vercel 的快速反馈循环是大杀器。

不过，构建快对用户 SEO 无直接影响——搜索引擎关心的是网站最终的首屏速度（Core Web Vitals），而不是你的 CI/CD 耗时。构建快的优势纯粹是开发体验好、能快速上线新内容。

3. 边缘函数与动态能力对比

Cloudflare Workers 是边缘计算的先驱。你可以在 Cloudflare 全球 200+ 个数据中心运行代码，延迟极低（通常 <50ms）。Workers 支持完整的 JavaScript（包含 ES2024 特性）、Web APIs、以及 Cloudflare 的 KV 存储（全球分布式缓存）。语法接近 Service Worker，学习成本低。

Vercel Edge Functions 基于 Web Standard APIs，运行在 Vercel 的边缘节点。性能与 Workers 相当，但节点数量少于 Cloudflare。Vercel 还提供 Serverless Functions（传统的中心化 Serverless），计费方式更复杂。

如果你需要做图片优化、请求重写、地理位置路由、A/B 测试，Cloudflare Workers 往往更简洁。如果你是 Next.js 项目，Vercel Edge Functions 集成度最高，开箱即用。两者都支持数据库连接（通过 Neon、Supabase 等第三方），但需额外成本。

4. 自定义域名与 SSL 配置

两平台都支持自定义域名和免费 SSL 证书（Let's Encrypt）。但细节有差别。Cloudflare 提供三种 SSL 模式：Flexible（CF 到源仅 HTTP）、Full（CF 到源 HTTPS，但不验证证书）、Strict（完整 HTTPS 链）。你可以根据源站配置灵活选择。

Vercel 则基本全自动，配置域名后自动申请 SSL、配置 HTTPS，无需手动干预。这对新手友好，但对需要特殊 SSL 配置的企业就显得僵硬。

两平台的 DNS 配置都简单明了，指向一条 CNAME 即可。若你的域名已在 Cloudflare 托管，配置 Pages 最方便（无需改 DNS）。Vercel 则需将域名 DNS 指向 Vercel 或者用 CNAME 别名，略多一步。

5. 分析与性能监控能力

Cloudflare Analytics 包含在免费计划内，提供请求量、缓存命中率、威胁检测、地理位置分布等基础指标。数据粒度较粗，但对了解网站访问情况足够。

Vercel Analytics 分为两个产品：Web Analytics（免费，监控 Core Web Vitals 和用户交互）和 Server-side Analytics（付费，监控构建、函数执行等）。免费版本聚焦用户体验指标，更符合现代 SEO 需求（Google 重视 CWV）。

对于深度分析（如实时日志、自定义事件追踪），两平台都有付费方案。若你只关心「网站速度好不好」和「有多少人访问」，两者都够用。

6. 商用许可与开源友好度

Cloudflare 对商用无特殊限制，完全允许商业使用，无需额外许可。开源项目也无特殊优惠，但价格本身就很友好。

Vercel 对商用也完全支持，无隐藏限制。但若你是开源维护者，Vercel 提供 Pro 计划的免费额度（每月 $20 价值），需要主动申请。Cloudflare 则无官方开源项目扶持，但因为基础免费，很多开源项目自然选择它。

7. 企业级功能与账户差异

Cloudflare 的企业级产品成熟度高。除了 Pages，还有 Workers（边缘计算）、KV（全球缓存）、D1（边缘数据库）、Durable Objects（有状态计算）等，形成完整生态。企业客户可获得 SLA 保证、优先支持、自定义安全策略（WAF、DDoS 防护）。

Vercel 则专注于前端和 Next.js。企业功能包括团队管理、权限控制、审计日志、SSO。若你需要构建全栈应用，Vercel 的深度 Next.js 集成（Middleware、自动 API 路由等）更强大。但若你需要 CDN 增强、DDoS 防护等基础设施功能，Vercel 需要购买 Cloudflare Enterprise 或单独产品。

对中小企业，Cloudflare 的性价比更高——一个企业账户可以涵盖 Pages、Workers、Analytics 等多个需求。Vercel 则更适合专注前端的团队。

8. 海外与国内访问速度

Cloudflare 因历史悠久、节点众多（200+ 个数据中心），在欧美、亚太等地表现稳定。特别是美国、欧洲用户，通常能获得 <100ms 延迟。日本、新加坡等 APAC 节点也不错。

Vercel 主要依赖 AWS（北美、欧洲、亚太）+ Vercel 自有节点。性能与 Cloudflare 相当，但节点分布不如 CF 密集。在一些小众地区（如南美、中东），CF 有优势。

对中国大陆用户，两平台表现都不理想。因为没有国内节点 + 未备案域名会被墙。若需要对大陆用户优化，必须额外配置阿里云 CDN、腾讯云 CDN 或其他国内加速服务。单纯靠 Cloudflare 或 Vercel 是不够的。

9. ICP 备案与国内使用限制

两平台都支持国内域名，但有隐患。若域名在国内注册且需要面向大陆用户，监管要求必须备案。未备案的域名在工信部黑名单中，大陆用户无法访问（DNS 污染、IP 封禁）。

Cloudflare 和 Vercel 都位于国外，不提供备案服务。若你想让域名在大陆可访问，需要：1) 在国内服务商（阿里云、腾讯云等）备案；2) 配置国内 CDN；3) 仅在 CDN 后端指向 Cloudflare/Vercel。

简言之，若目标用户主要在海外，这两个平台都很好；若需要支持大陆，需要额外的备案 + CDN 成本。这不是 Cloudflare/Vercel 的问题，而是中国监管的特殊性。

10. 迁移工作量与锁定风险

从 Cloudflare Pages 迁移到 Vercel（或反之）相对容易。两平台都支持从 GitHub/GitLab/Bitbucket 导入项目，构建配置基本兼容（都支持自定义构建命令）。主要改动包括：

1) 环境变量：两平台都有配置界面，手动复制即可。

2) 域名 DNS：改为指向新平台的 CNAME 或 Nameserver。

3) 构建命令：通常相同（如 `npm run build`），无需改动。

4) 边缘函数：若用了平台特定 API（Workers vs Edge Functions），需要移植代码。

整体迁移耗时 1-2 小时，不算很重。但若你已深度依赖某平台的生态（如 Vercel 的 Next.js Middleware、Cloudflare 的 KV 缓存），迁移成本会上升。

从锁定风险看，两者都开放了 Git 集成和导出能力，不属于厂商绑定特别深的方案。相比之下，亚马逊 Amplify、Azure Static Web Apps 等云厂商方案锁定更深。

选择建议速查表

选 Cloudflare Pages 如果你：

- 静态网站为主，不需要复杂后端逻辑

- 看重免费配额和低成本（尤其是大流量网站）

- 想用 Workers 做轻量边缘计算，无需复杂 Serverless

- 用户分布全球，对延迟敏感

- 想要企业级 CDN 和安全功能，而不只是托管

选 Vercel 如果你：

- Next.js / React 项目，想要最无缝的框架集成

- 流量中等（<100GB/月），免费额度够用

- 需要快速构建迭代和增量编译

- 看重 Web Vitals 监控和用户体验分析

- 项目是初创或个人项目，成本敏感但愿意为体验付费

总结对比表

| 维度 | Cloudflare Pages | Vercel |

| --- | --- | --- |

| 基础托管 | 完全免费 | 免费 + 超额计费 |

| 构建速度 | 中等（30秒-5分钟） | 快（1-2分钟） |

| 边缘函数 | Workers（全球，优秀） | Edge Functions（对标） |

| Serverless | Workers KV | Vercel Functions |

| SSL/自定义域 | 免费，灵活配置 | 免费，全自动 |

| 分析能力 | 基础（免费） | 进阶（Web Vitals） |

| 商用许可 | 完全允许 | 完全允许 |

| 企业功能 | 完善（WAF、DDoS等） | 专注前端（Next.js） |

| 海外速度 | 优秀（200+ 节点） | 良好（AWS + Vercel） |

| 大陆速度 | 需额外 CDN | 需额外 CDN |

| 备案要求 | 域名需备案 | 域名需备案 |

| 迁移难度 | 低（1-2小时） | 低（1-2小时） |

| 开源扶持 | 无官方计划 | Pro 计划免费额度 |

| 学习曲线 | 低（Git 即用） | 低（Next.js 友好） |