打开FAST OR SLOW官网,在地址栏中输入网站页面的URL,然后单击“PROFILE”按钮即可。注意,FAST OR.SLOW默认启用的是HTTPS。
接下来以某网站首页作为案例进行测试。
因为FASTOR SLOW的运行机制沿用谷歌的Lighthouse,所以这里的Performance Score(性能得分)的考评项目和谷歌的Lighthouse完全一样,依然是FCP、LCP、TBT、SI、TTI和CLS这六大项目。评分值越高,说明网页的速度优化工作做得越好。
在Performance Overview中,FAST OR SLOW罗列了6个性能指标。每个指标都给出了最低值、平均值和最高值,以便对自己的网站性能有更加全面的了解。
测速结果分析
(1)First Byte指从开始解析到第一个字节通过HTTP或者HTTPS到达访客浏览器所花费的时间。第一个字节的计时取决于网络延迟和服务器的响应时间。考虑到WordPress这种CMS内容管理系统需要响应Header信息和网页代码中<body>部分的内容,所以它所需要花费的时间比那些不需要大量计算、数据库连接及其他后端PHP处理的静态页面或者换成页面要多一些。
要提升第一字节的测试结果,就需要提高网络的可用性和Web服务器的性能。简单来说就是服务器的配置要好一些,Apache或者Nginx的相关配置需要进行更改。需要注意的是,不同的测速工具对第一字节的测试标准存在差异。有些只计算从HTTP请求结束到收到想要的第一个字节的持续时间,忽略了DNS查找、重定向和网络延迟。
(2)Round-Trip Time(RTT)就是常说的网络延迟,它被用来衡量通过网络到达目的地所需的时间与该请求的确认返回所需的时间之和。
RTT是网站页面加载时间的一个重要指标,因为浏览器在收到目标网址所在的服务器响应之前无法进行解析内容的动作。
影响RTT的因素包括页面访问者和目标网址所在服务器之间的物理距离、服务器的带宽和内容加载请求所需要通过的中间节点数。FAST OR SLOW在加载页面的时候测量请求发送到每个主机的RTT,在Performance中显示平均值。如果想查看更详细的数据,需要到它的Audits版块中查找。
(3)Transfer Size指的是访客想看到的某个目标页面上所有内容的文件数据大小,包括但不限于文字、图片、图标、视频、音频等文件内容。页面内容大小是服务器接收到信息加载请求后将目标网页所有内容数据打包后的文件大小(这也是网站开启Gzip压缩很重要的一个原因)。
Requests是衡量加载某个目标页面时发出的所有网络资源请求的总和,包括对图像、CSS、JavaScript及独立于主页的文件所包含的所有其他资源的请求。这在自己的网站上就能看到,在某个要测试的页面上右击检查,然后切换到“Network”选项卡,“Network”下面是空白的资源列表项,刷新之后这个页面就出来内容加载请求了。