开始分析过程后,您可以访问此高级工具提供的摘要屏幕。它可能看起来不如各种Pagespeed Insight和Gtmetrix直观,但我向您保证,在这里您可以找到很多有用的信息来改善网页的加载时间。
pagetest.org - 速度指数和加载时间结果
在页面顶部,您可以看到适用于每个项目的最重要优化的评级。特别是是否存在Keep Alive、First Byte Time(后端处理)、图像压缩、浏览器缓存和Gzip 压缩。不要忘记 CDN 的使用。
这些综合数据旨在让您初步了解分析,并附有表格,该表 葡萄牙材料 格提供了有关特定技术步骤的更多信息,例如第一次内容丰富的油漆等:

速度指数。
最后画的英雄。
第一个 CPU 空闲。
然后你会发现三个具有相关结果的测试,其中包括瀑布图、加载后页面的屏幕截图,甚至显示上传如何发生的视频,表明所用的时间。
检查WebPageTest后
一旦您完成了对网页的研究以及要研究的数据的定义,您就可以使用两个专用工具进行更深入的研究。第一个 ( webspeedtest.cloudinary.com ) 专门用于图像分析,以检查您是否在图像大小、格式、质量方面进行了最大程度的优化,以使视觉效果足以满足简化加载的需要。
欲了解更多信息: 如何优化图像
节点图请求第三方站点
然而,第二个检查网页请求节点以快速识别站点上的第三方元素,其中字节和加载时间来自 ( requestmap.herokuapp.com )。
该工具的优点和缺点
与所有旨在优化网页的工具一样,有些因素可以决定工作人员的优点和缺点。 WebPageTest 的优点和缺点是什么?
我们先从优点开始
对于那些决定在网页优化工作中使用此工具的人来说,第一个优点是:通过 WebPageTest,您可以自定义分析并选择不同的参数,这是其他没有高级配置文件(因此需要付费)的工具很难获得的条件。使用 WebPageTest 您可以决定:
进行速度测试的区域。
用于连接模拟的浏览器。
连接类型(例如 4G 或 3G)。
测试期间用于导航的设备。
对于模拟优化导航和相关加载时间来说,重要的是可以与相关电话运营商建立真实的移动网络。此外,如前所述,您可以获取幻灯片和视频来查看浏览器呈现页面内容的情况。为什么这个功能很重要?我在本文中解释了这一点,并提供了衡量和提高网站性能的技巧。
“通过视频,您还可以比较从不同地理位置获得的结果,例如,首先选择模拟在距离您的主机最近的地方进行的访问,然后再模拟在世界另一端的访问”。
WebPageTest 的缺点
当然,对于那些决定仅依赖此工具来监控网页加载时间的人来说,也存在负面影响。事实上,我们首先谈论的是照顾不善和缺乏方面,而不是负面评论。例如,WebPageTest 将缺少CDN报告为错误。
但如果您没有多语言网站,则可以忽略这一点。此外,它还强调缺乏无法直接管理的外部资源( Google Analytics、标签管理器、Iubenda 等)的静态缓存。