了解网站速度审核

已发表: 2020-08-26

在 Eastside Co，我们设计和构建了一些世界上最好的 Shopify 和 Shopify Plus 网站。 我们注重确保用户体验是最佳的——其中一个关键部分是了解网站性能，以及“好”的样子。 有许多类型的网站审核可用，速度审核就是其中之一。

本文旨在详细介绍网站速度审核的工作原理。

首先，让我们从为什么要进行速度审计开始。 目的很简单：您的网站对使用各种设备的访问者的加载效果如何？ 进行有效的速度审核将确定它的加载速度，并为您提供如何使其更快的指示。 （不要忘记查看我们的深入文章，了解如何在您进行审核后提高 Shopify 网站的速度。）

考虑使用 Shopify PLUS？


速度审核将显示您的网站在桌面和移动设备上的加载方式之间的比较。 但有一些重要的注意事项需要牢记。

运行速度审计的权力

从您的笔记本电脑运行网站速度审核会产生误导性的结果。 或者，如果您安装了 Lighthouse 并且您希望获得实时数据，它会。

首先，在进行审计时需要考虑许多因素。 很快就会打破常见的神话。 但首先，要牢记进行审计的权力。

您可以依赖 PageSpeed Insights (PSI) 作为速度审核工具。 你可以。 但有一个关键因素要记住：

PSI不会捕获现实世界的瓶颈。 或根据实际页面的关键绩效指标 (KPI) 进行衡量

PSI 是一个模拟环境，为性能问题提供调试。

要找到现实世界的瓶颈和页面 KPI，您需要像 Google Lighthouse 这样的工具。 但是您还需要硬件来运行它。

虽然您可以在笔记本电脑/台式机上安装 Lighthouse，但您获得的指标分数会偏低。 这是因为 Lighthouse 使用限制算法来创建现实世界的瓶颈和网络延迟。

这需要运行它的硬件提供大量处理能力。 这就是为什么在 Eastside Co，我们使用专用的审计服务器。 它拥有强大的处理能力来运行审计，谷歌可以对其进行所有限制。



跟我们工作

关于 PSI 结果的一句话

Google 的 PageSpeed Insights (PSI) 是一种流行的工具。 它使用 Lighthouse（也是一个 Google 工具）来运行审计。 但请记住，它是在模拟环境中进行的。

将详细讨论性能指标及其含义。 首先，让我们处理关于 PSI 结果的那些神话：

  • 用户体验来自一个单一的指标：不，事实并非如此。 您需要从大量值而不是一次来评估指标。

  • 您可以定义一个代表用户：再次，不。 用户将通过各种设备和网络连接访问您的网站。

  • 您的网站为您加载速度很快，因此它适用于所有人：不，不是真的。 网络延迟和网络速度是可以改变用户体验的两件事。

收集的性能数据有两种类型：实验室数据和现场数据。

实验室数据

实验室数据（由 PSI 生成）是来自受控环境的性能数据。 它使用预设进行网络和设备设置。 这个想法是您将获得一组可重现的数据用于调试目的。

现场数据

字段数据是从实际页面加载中收集的性能数据。 因此，这是您的用户实际体验的数据。

主要区别在于：PSI 生成的实验室数据具有更广泛的指标。 现场数据比较有限，但是是真实的用户体验。

性能指标解码

在我们了解指标分数及其含义之前，有几个关键点需要了解。

为什么分数会波动

Lighthouse 将显示审计结果的波动。 这是有原因的，它们与灯塔本身没有任何关系。

  • 投放的广告不断变化。 如果您在网站上投放广告或运行 A/B 测试，这将导致性能差异。

  • 互联网流量路由变化。 通过网络到网站本身的路径可能会改变。

  • 所用硬件的变化。 与移动设备相比，功能强大的台式电脑。

  • 防病毒软件会导致带宽需求。 这将导致审计结果的波动。

  • 将 JavaScript 注入页面的任何浏览器扩展。

加权

这些指标使用 Lighthouse 算法中内置的加权平均值。 这些权重在报告中不可见。 它们提供了用户对性能感知的平衡度量。 这来自 Lighthouse 团队的定期研究。

指标

现在我们可以遍历顶级指标来解码它们的含义：

首次内容绘制 (FCP) - 此指标衡量首屏文本加载所需的时间。 这是您无需滚动即可看到的内容。 字体过多和字体文件过大都会影响这个分数。 从外部资源加载字体也会变慢。

速度指数 (SI) - 该指标记录视觉变化超过折叠停止的时间。 这意味着视频和英雄图像都会影响速度指数得分。

最大内容绘制 (LCP) - 该指标寻找最大的图像或文本块。 它测量将该项目加载到视口中所需的时间。 这可能是主图或一大段文字。

交互时间 (TTI) - 此指标衡量页面准备好供用户输入所需的时间。 延迟加载的应用程序和跟踪或分析脚本将影响此指标。

总阻塞时间 (TBT) - 这个指标类似于 TTI。 但它测量页面上的阻塞时间总量。 这是指用户无法单击元素或滚动页面。

累积布局偏移 (CLS) - 该指标衡量视觉稳定性。 换句话说，它衡量了页面加载时内容的变化程度，从而使阅读或查看内容变得困难。

最后...

关于网站速度审计的要点是：有实验室数据和现场数据。 实验室数据是模拟环境，现场数据是实时用户体验。 要运行 Lighthouse 来查看现场数据，您需要主机具有尽可能多的处理能力。 PSI 的实验室数据可用于基本指导和调试目的。

如果您想了解更多关于我们的网站速度审核的信息，或者我们如何为您的电子商务业务设计和构建 Shopify 或 Shopify Plus 商店，请联系我们！

与我们交谈