Playful-CDN 可视化体验
正在识别访问链路
DETECTING REQUEST ROUTE

让 CDN 的变化
看得见,也讲得清

这里放置的是一组可重复、可校验的“标准试题”。同一资源分别通过源站和 CDN 访问,对比响应头、内容版本及回源日志,才能判断加速是否真实发生。

访问者正在识别土耳其源站
正在根据当前域名识别访问路径。
VISIBLE CACHE LAB · 50 MB

冷缓存与热缓存,一次看清

两个按钮请求的是同一个 50MB 文件。页面显示客户端真实下载过程,右侧源站看板显示 CDN 是否再次向源站取货。

链路识别中
准备在 99CDN 后台清理缓存,并在源站看板选择“冷缓存测试”开始新批次。
第一次访问点击①,预期看到 MISS;源站请求和发送流量应增加。
第二次访问在 5 分钟内新建“热缓存测试”批次后点击②,预期看到 HIT;源站正文流量应保持 0B。
清空本页只重置画面,不会清除 CDN 缓存。
等待开始
① 第一次访问等待
尚未发起请求
客户端下载
总耗时
缓存 Age
开始前先清理 CDN 缓存,结果才具有冷缓存意义。
② 第二次访问等待
等待第一次访问完成
客户端下载
总耗时
缓存 Age
第二次仍会向 CDN 请求完整文件,但理想情况下不再传输源站正文。
EXPERIMENT MODULES

五组可解释的测试

每一项都按“操作 → 现象 → 意义”展示

IMG

图片缓存与清理

用醒目的版本号确认边缘节点究竟返回了哪个版本。

01 · 怎么操作主动加载图片,再在 CDN 清理缓存或替换版本后重新加载。
02 · 看什么变化清理前后画面版本应按预期更新,不能长期显示旧内容。
03 · 代表什么验证缓存命中、缓存清理和不同地区内容一致性。
FILE

文件缓存与减源

用固定内容和校验值,对比冷缓存、热缓存及回源流量。

01 · 怎么操作使用页面上方的 50MB 可视化实验台连续访问两次。
02 · 看什么变化客户端两次都收到 50MB,但第二次理想情况下不再完整回源。
03 · 代表什么证明 CDN 是否减少源站请求和实际出站字节;速度只作辅助观察。
高级:直接下载 512MB
API

动态内容与查询参数

确认不该缓存的内容保持实时,并检查参数是否进入缓存键。

01 · 怎么操作连续点两次“动态时间”,再分别请求 v=1 和 v=2。
02 · 看什么变化动态时间与 ID 每次都变;v=1、v=2 返回值必须不同。
03 · 代表什么相同结果可能意味着误缓存或缓存键忽略了查询参数。
点击按钮读取源站实时响应
TTL

缓存规则边界

对比允许缓存与明确禁止缓存的源站响应。

01 · 怎么操作分别请求 max-age=300 与 no-store 两个端点。
02 · 看什么变化前者允许边缘保存 5 分钟;后者原则上不应被缓存。
03 · 代表什么判断 CDN 规则是否尊重源站语义,以及覆盖规则是否可控。
点击按钮查看响应正文与 Cache-Control
206

视频拖动与 Range 回源

视频不会自动加载。只有点击“载入播放器”后才产生请求,避免污染其他测试批次。

播放器尚未载入请先在源站看板新建“视频拖动测试”批次,再点击上方按钮。
操作先播放数秒,再拖到 02:00 或 04:00。
预期画面中央时间码立即跳到目标区间,视频继续播放。
源站证据访问日志出现 206、Range 和 Content-Range,且只发送所需区间。
评测意义拖动流畅且回源字节较少,说明大文件 Range 链路有效;若每次拖动都完整回源,则减源效果有限。
解读原则:页面上的“更快”只是用户感受,必须同时结合浏览器响应头、99CDN 面板和源站真实日志。三层证据一致,才能形成评测结论。