什么是 WebPageTest 以及如何使用它来提高网站性能
网络性能
什么是 WebPageTest 以及如何使用它来提高网站性能
WebPageTest(官方门户网站www.webpagetest.org)是一个用于分析网站加载时间和需要改进的元素的工具。但为什么它如此出名并受到网络专业人士的推崇呢?
也许是因为它是 AOL 开发的工具,原则上仅供内部使用。然后它于 2008 年公开,并且仍在 GitHub 上开发——它是一个免费但功能强大的工具。
使用此工具,您可以获得非常详细的报告,从而还可以评估其他监控网站性能的工具所忽略的方面。例如, Google 的Light Web Pages以及通过使用不同设备执行的测试进行监控。您需要了解哪些详细信息?
目录
什么是 WebPageTest 以及它是如何工作的
与其他验证工具的区别
WebPageTest 衡量什么以及如何衡量
检查WebPageTest后
该工具的优点和缺点
更多信息的链接和文档
什么是 WebPageTest 以及它是如何工作的
它是一款旨在帮助网站管理员、SEO 和网络性能专业人员通过识别有问题的元素、瓶颈和其他步骤来改善网页加载时间的工具。
您需要找到增加加载时间的因素。要使用此工具,只需转到主要部分并输入要分析的资源的地址。确定测试位置(应靠近用户所在位置)和设备。此时您已拥有要分析的所有结果。
网页测试移动连接和位置测试
该工具的关键方面之一:您可以在定制过程中选择使用一系列高级元素进行深入分析,也可以选择不太详细的选项跟踪。
但它仍然允许您选择假设哪个网络来获得结果。因此,还显示具有 4G 或 3G 连接(常规或特别慢)的网页的最终数据。
与其他验证工具的区别
与 Google 的 Pagespeed 或Pingdom相比,使用 WebPageTest 您可以专注于更详细的体验,而不仅仅是接收合成数据:在这里您可以监控测试的不同方面并获取具体数字。
必读:优化字体加载
WebPageTest 衡量什么以及如何衡量供的摘要屏幕。它可能看起来不如各种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 等)的静态缓存。
更多信息的链接和文档