Page 1 of 1

查看你的网站如何加载

Posted: Sun Feb 02, 2025 6:13 am
by rakibhasanbd4723
速度指数: 这是 WPT 特有的指标,用于计算页面视觉元素加载时的平均速度。该指标旨在解决上述数值与用户认为的“快速”之间的不断扩大的差异。计算速度指数的数学原理很酷,您可以在此处了解更多信息。数字越小,页面加载速度越快、越完整。
这些指标有助于我们回答上述一些问题。我们还将了解如何轻松地将您的指标与竞争对手进行比较。

瀑布图
WPT 真正出彩的地方是其 妈妈数据库 瀑布图。简单来说,瀑布图是浏览器为呈现网页而加载的资源的图表,横轴表示时间的增加,纵轴表示从上到下的加载资源的顺序。此外,图表中的每一行都采用颜色编码,以捕获浏览器为加载该资源而执行的各种加载和渲染活动。

瀑布图对于识别导致页面加载缓慢的瓶颈非常有用。一个简单的参考框架是,图表越宽,页面加载越慢,图表越高,加载的资源越多。瀑布图中包含大量信息,而解释瀑布是一个包含许多细微差别的大话题。因此,我们将在下一篇文章中更详细地探讨这个主题。敬请期待。

如果说瀑布图是 WPT 的“杀手级应用”,那么其性能视频就是杀手级升级。通过在早些时候开始测试时选中“捕获视频”复选框,WebPageTest 会捕获一个幻灯片,其中准确显示了用户在使用您提供的测试参数加载您的网站时将看到的内容。例如,如果您恰好不在新加坡使用 Nexus 7 工作,但仍想了解那里的用户体验,那么这将非常有用。

要访问您的视频,请单击测试结果上的“摘要”选项卡,然后向下滚动并单击要查看的 测试结果旁边最右侧列中的“观看视频”链接。

wpt_影片

然后你会看到类似这样的内容:



还记得那些重要的指标吗?如果您的网站 TTFB 很慢,您会在发生任何事情之前看到很大的延迟。该视频还可以帮助您显示开始渲染时间。这确实有助于提供一些背景信息:750 毫秒可能听起来很快,但能够将其可视化确实可以让您的用户真正感受到您的体验。