主题
WellChina 全球可访问性与性能监控方案
制定日期: 2026-04-17 适用范围: 生产域名
wellchina.top(Vercel 部署) 目标受众: 8 语言 / 10 地区用户,主要覆盖在华外籍 + 海外医疗旅游研究者
背景
WellChina 是一个服务外国人在华就医的多语言平台,首发部署在 Vercel(新加坡/日本/美西边缘节点)。由于主要用户群跨越中国大陆与海外,无法仅靠开发者本地访问来判断真实体验。需要一套低成本、可持续的监控体系覆盖:
- 一次性基线测试 — 部署后快速获取全球性能基线
- 持续可用性监控 — 宕机与延迟异常告警
- 真实用户数据(RUM) — 按国家/地区拆分的真实访问质量
第 1 层:一次性全球测试
在每次重大部署或域名/基础设施变更后执行,保存截图作为基线对比。
| 工具 | 测量维度 | 用途 |
|---|---|---|
| webpagetest.org | 40+ 地理节点完整加载瀑布图、视频回放、Core Web Vitals | 首屏、LCP、TTFB 权威评估,可模拟慢 4G |
| check-host.net | 30+ 节点 ping / HTTP / DNS / TCP | 快速判断中俄欧美各节点通畅性 |
| 17ce.com | 中国 100+ 城市 + 海外 20+ 节点 | 必测 — 中国大陆分省/运营商延迟差异数据 |
| dnschecker.org | 全球 DNS 记录传播状态 | 域名、CDN、邮件记录变更后验证 |
基线要求(所有重大变更后都要跑一遍):
- webpagetest:Singapore + Tokyo + Frankfurt + Virginia 各跑一次
- 17ce:北京、上海、深圳、成都 + 东京、新加坡、洛杉矶
- 结果截图归档到
docs/baseline-{yyyy-mm-dd}/方便回溯对比
第 2 层:持续可用性监控
首选工具
| 工具 | 免费额度 | 定位 |
|---|---|---|
| UptimeRobot | 50 监控项 / 5 分钟检测 / 多区域 | 宕机告警(邮件 / Slack / Webhook) |
| Better Uptime | 10 监控项 / 3 分钟检测 | UI 美观 + 自带 status page,未来对外展示 |
| Vercel Observability | 随套餐 | Function 冷启动、错误率、日志 |
推荐组合: UptimeRobot 做核心可用性监控 + Vercel Observability 做服务端侧故障排查。Better Uptime 待用户规模扩大后启用,用于对外 status page 建立信任。
监控端点清单
| 端点 | 类型 | 告警阈值 |
|---|---|---|
https://wellchina.top | HTTP 200 | 宕机 > 2 连续检测失败 |
https://wellchina.top/en/hospitals | HTTP 200 | 同上 |
https://wellchina.top/api/search?q=test | HTTP 200 | 同上 |
https://wellchina.top/api/contact | HTTP keyword 检测 | DB 连接异常 |
第 3 层:真实用户数据(RUM)
此层最有价值 — 监控工具测的是"探针视角",RUM 反映真实用户设备、网络、地区的端到端体验。
Vercel Analytics + Speed Insights(首选,一键启用)
启用步骤:
- Vercel Dashboard → 项目 Settings → Analytics → Enable
- Vercel Dashboard → 项目 Settings → Speed Insights → Enable
- 安装包并接入布局:
bash
npm i @vercel/analytics @vercel/speed-insights在 src/app/layout.tsx 的 <body> 尾部添加:
tsx
import { Analytics } from '@vercel/analytics/next'
import { SpeedInsights } from '@vercel/speed-insights/next'
// ...
<Analytics />
<SpeedInsights />核心看板指标
| 指标 | 目标(p75) | 说明 |
|---|---|---|
| LCP (Largest Contentful Paint) | < 2.5s | 首屏关键元素渲染完成 |
| INP (Interaction to Next Paint) | < 200ms | 交互响应延迟 |
| CLS (Cumulative Layout Shift) | < 0.1 | 布局稳定性 |
| TTFB (Time to First Byte) | < 800ms | 服务端响应延迟 |
按国家拆分查看,重点关注:
- 中国大陆(主要用户来源)
- 美国、德国、日本、韩国(海外次要用户)
- 越南、泰国、印尼、俄罗斯(长尾市场)
已知架构瓶颈:Vercel + 中国大陆
问题描述
- Vercel 在中国大陆无边缘节点,所有请求跨境到新加坡/东京/美西
- 中国大陆用户首屏延迟通常 300-800ms,比海外高 5-10 倍
.topTLD 在百度搜索权重略低于.com- GFW 偶发 TLS fingerprint 干扰
触发优化的数据门槛
在 Speed Insights 中观察连续 7 天:
- 中国大陆 p75 LCP > 2.5s → 考虑 Cloudflare 前置
- 中国大陆 p75 LCP > 4s → 考虑国内 CDN + 备案
可选优化路径
| 方案 | 成本 | 效果 | 适用时机 |
|---|---|---|---|
| Cloudflare 前置 Vercel | 免费 | 轻度改善 | 立即可做 |
| 阿里云 DCDN / 腾讯云 EdgeOne 国际版 | 付费 + 需备案 | 显著改善 | PMF 验证后 |
独立国内镜像站 wellchina.cn | 中等成本 | 最佳中国体验 | 用户量稳定增长后 |
落地顺序
| 时间 | 动作 | 产出 |
|---|---|---|
| 部署当天 | webpagetest + 17ce + check-host 各跑一次 | 性能基线截图 |
| 部署当天 | 启用 Vercel Analytics + Speed Insights(3 分钟) | 真实用户数据开始采集 |
| 部署次日 | 注册 UptimeRobot,配置 4 个核心端点监控 | 7×24 宕机告警 |
| 部署 1 周 | 查看 Speed Insights 国家维度 p75 数据 | 判断是否需要中国优化 |
| 每月 | 重跑 webpagetest 对比基线 | 性能回归检测 |
| 每次重大变更后 | 重跑 17ce + check-host | 变更影响评估 |
相关文档
CLAUDE.md— 部署信息与环境变量docs/technical-audit.md— 前端技术基线与性能问题清单docs/internationalization-plan.md— 8 语言 / 10 地区国际化方案