Skip to content

WellChina 全球可访问性与性能监控方案

制定日期: 2026-04-17 适用范围: 生产域名 wellchina.top(Vercel 部署) 目标受众: 8 语言 / 10 地区用户,主要覆盖在华外籍 + 海外医疗旅游研究者


背景

WellChina 是一个服务外国人在华就医的多语言平台,首发部署在 Vercel(新加坡/日本/美西边缘节点)。由于主要用户群跨越中国大陆与海外,无法仅靠开发者本地访问来判断真实体验。需要一套低成本、可持续的监控体系覆盖:

  1. 一次性基线测试 — 部署后快速获取全球性能基线
  2. 持续可用性监控 — 宕机与延迟异常告警
  3. 真实用户数据(RUM) — 按国家/地区拆分的真实访问质量

第 1 层:一次性全球测试

在每次重大部署或域名/基础设施变更后执行,保存截图作为基线对比。

工具测量维度用途
webpagetest.org40+ 地理节点完整加载瀑布图、视频回放、Core Web Vitals首屏、LCP、TTFB 权威评估,可模拟慢 4G
check-host.net30+ 节点 ping / HTTP / DNS / TCP快速判断中俄欧美各节点通畅性
17ce.com中国 100+ 城市 + 海外 20+ 节点必测 — 中国大陆分省/运营商延迟差异数据
dnschecker.org全球 DNS 记录传播状态域名、CDN、邮件记录变更后验证

基线要求(所有重大变更后都要跑一遍):

  • webpagetest:Singapore + Tokyo + Frankfurt + Virginia 各跑一次
  • 17ce:北京、上海、深圳、成都 + 东京、新加坡、洛杉矶
  • 结果截图归档到 docs/baseline-{yyyy-mm-dd}/ 方便回溯对比

第 2 层:持续可用性监控

首选工具

工具免费额度定位
UptimeRobot50 监控项 / 5 分钟检测 / 多区域宕机告警(邮件 / Slack / Webhook)
Better Uptime10 监控项 / 3 分钟检测UI 美观 + 自带 status page,未来对外展示
Vercel Observability随套餐Function 冷启动、错误率、日志

推荐组合: UptimeRobot 做核心可用性监控 + Vercel Observability 做服务端侧故障排查。Better Uptime 待用户规模扩大后启用,用于对外 status page 建立信任。

监控端点清单

端点类型告警阈值
https://wellchina.topHTTP 200宕机 > 2 连续检测失败
https://wellchina.top/en/hospitalsHTTP 200同上
https://wellchina.top/api/search?q=testHTTP 200同上
https://wellchina.top/api/contactHTTP keyword 检测DB 连接异常

第 3 层:真实用户数据(RUM)

此层最有价值 — 监控工具测的是"探针视角",RUM 反映真实用户设备、网络、地区的端到端体验。

Vercel Analytics + Speed Insights(首选,一键启用)

启用步骤:

  1. Vercel Dashboard → 项目 Settings → Analytics → Enable
  2. Vercel Dashboard → 项目 Settings → Speed Insights → Enable
  3. 安装包并接入布局:
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 倍
  • .top TLD 在百度搜索权重略低于 .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 地区国际化方案

WellChina 内部文档 · 基于 VitePress