如何通过浏览器审查元素判断CDN缓存是否成功?

当开通某个CDN服务,并配置完成后,如果需要查看我们指定的内容是否缓存到CDN上,可以查看如下三个地方。

打开游览器

(这个我常用的是Google Chrome,所以就以此为例。其他游览器都大致相同)打开游览器后可以选择 工具 > 开发者工具,或直接按F12 ,然后在地址栏输入要查看的URL。

示例图片

单击Network

Network在开发者工具栏中,单击访问的图片(要加速的内容),您可以在Headers查看到详细的请求(request)和返回(response)的报文信息。如下图

查看缓存

  • 这里查看如下三个字段 ageX-Swift-SaveTimeX-Swift-CacheTime
  • X-Swift-SaveTime:内容开始在CDN上缓存的时间。如上图,即Sun, 02 Sep 2018 07:43:20开始在CDN缓存。有的由于系统时间是GMT时间,所以需要折算成北京时间,也就是加8个小时后的时间。
  • X-Swift-CacheTime:是CDN的默认缓存时间,以秒为单位。图中的86400,即缓存24小时。
  • Age:该内容在CDN上已经缓存了的时间。图中的22997s即该内容已经在CDN缓存了22997秒。根据时间,从07:43:20开始缓存的,可以计算出当前的时间。您可以和电脑当前时间进行对比。

如上便是如何通过浏览器审查元素判断CDN缓存是否成功的一个简单方法,希望能有所帮助。

最后修改:2018 年 09 月 02 日 05 : 59 PM
生活需要一些仪式感,比如手冲一杯咖啡:)

发表评论