chrome检测网页加载速度

论网页加载速度的重要性

网页的加载速度, 对我们至关重要, 如果你的响应时间超过3秒,那么很难收录

不仅收录困难, 而且给用户的体验也是非常糟糕的, 很难获得用户的青睐

百度白皮书4.0

在2018年, 百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》（简称《白皮书4.0》）

《白皮书4.0》中强调“页面的首屏内容应在1.5秒内加载完成”

“闪电算法”的支持

为了能够保障用户体验，给予优秀站点更多面向用户的机会，“闪电算法”在2017年10月初上线。闪电算法的具体内容如下：

移动网页首屏在2秒之内完成打开的，在移动搜索下将获得提升页面评价优待，获得流量倾斜；同时，在移动搜索页面首屏加载非常慢（3秒及以上）的网页将会被打压。

首屏作为直面用户的第一屏，其重要性不言而喻。根据百度用户体验部的研究结果，《白皮书4.0》提出，首屏内容应在1.5秒内加载完成。

使用chrome检测加载速度

一个网页中包含多个请求, 我们使用chrome检测每一个资源请求的时间, 以便采取对应的优化策略

我们首先打开chrome, 然后打开开发者调试工具, 接着选择网络, 即”network”

在已打开调试工具的network界面情况下, 请求我们要优化的网页, 此时就可以看到每个请求加载的时间

DOMContentLoaded,与load以及finish时间

在chrome中, 虽然能直接看到每个请求的时间, 但总时间有3个参数

• DOMContentLoaded,表示DOM树构建完成,即html标签解析完毕
• load表示页面加载完成, 此时也是用户所看到的时间
• finish表示请求加载完成的时间, 这个时间包括异步请求,后期还有请求会增加

很明显, 我们要计算的时间, 就是load的时间!