首頁 » 部落格 » 果之一是称为瀑布图的图形

果之一是称为瀑布图的图形

众所周知,网页速度对于搜索引擎优化和用户体验非常重要。更快的页面在搜索引擎中排名更高,用户将在性能更快的网站上查看更多页面并进行更多转化。简而言之,聪明的 SEO 专业人员需要考虑优化内容和性能。 正如我们在上一篇文章中所讨论的,WebPageTest 是一个出色的免费工具,您可以使用它来提高网站的性能。

WebPageTest 工具最有用的结

瀑布图是 Web 浏览器加载的所有资源的图形视图,用于向 手机号码数据 用户展示页面,显示这些资源的加载顺序以及每个资源加载所需的时间。分析这些资源的加载方式可以让您深入了解导致网页速度变慢的原因,以及可以修复哪些内容以加快网页速度。

瀑布图很像 Microsoft Excel:

它们概念简单,功能非常强大,但大多数人并没有充分发挥它们的潜力。在本文中,我们将展示 SEO 专业人员如何使用由 WebPageTest 等工具创建的瀑布图来识别和改进其网站的性能和用户体验。 如何阅读瀑布图 如果您还没有这样做,请访问 WebPageTest 并运行您的网站测试。

结果出来后,单击第一个

测试结果即可查看瀑布。以下是瀑布图示例(单击查看大图)。 cia-瀑布-小 如上所述,瀑布图是级联图表,显示 Web 浏览器如何加载和呈现网页。图中的每一行都是浏览器发出的单独请求。图表越长,加载网页的请求就越多。每行的宽度表示浏览器请求资源和下载响应所需的时间。

对于每一行,瀑布图使

用多色条来显示浏览器将时间花在加载该资源的位 不仅仅是提供美妙的体验 置,例如: 瀑布排更好 了解应用程序的每个阶段非常重要,因为您可以通过减少每个阶段所花费 美国数据库  的时间来提高站点的速度。以下是简要概述: DNS 查找 [深绿色] – 在浏览器与服务器通信之前,它必须执行 DNS 查找以将主机名转换为 IP 地址。

对此您无能为力,幸运

的是,并非所有应用程序都会发生这种情况。 初始连接 [橙色] – 浏览器必须先建立 TCP 连接,然后才能发送请求。这应该只发生在图表的前几行,否则会出现性能问题(稍后会详细介绍)。 SSL/TLS 协商 [紫色] – 如果您的页面通过 SSL/TLS 安全地加载资源,则这是浏览器设置该连接所花费的时间。

返回頂端