2020年2月24日 下午1:19
精准量化测试页面载入速度 – 古博
加载总览及禁用缓存

- 点击”Network”之后就能看到总体的情况,我的chrome浏览器加载这个网页:
- 32 Requests – 32个请求数
- 856 KB transferred – 下载了856KB的内容
- Loads:3.92S – 总耗时3.92秒
- 另外,如果我们勾选了”Disable Cache”基本就等同于第一次加载网页的时间(域名解析时间是否计入未知),不勾选的情况下再次刷新网页就等于第二次访问网页耗费的时间(浏览器缓存机制起作用)。
使用域名过滤器分析资源

- 因为加载页面的时候会把插件的资源也计入(使用这个可以方便地排查插件是否影响页面载入速度),这个时候就需要使用过滤器来进行分析。比如在例子中分析的网页是 http://w5.gubo.org/?p=1, 我们就可以在过滤器中输入
domain:*.gubo.org进行排查。 - 另外,想直观地看到网站载入情况,最好新建一个用户不安装任何插件来使用Chrome Developer Tool进行页面分析。