Fast load times系列翻译——什么是“速度”

Fast load times系列翻译——什么是“速度”

我们已经知道“速度”很重要，那么什么是“速度”呢？拥有一个能够快速访问的站点意味着什么？

我们经常能够听到别人说他们的网站加载时间是 x.xx 秒。但是，“加载”并不是单一的，没有一个单一指标能完全地描述它。在加载过程中有多个不同的时间段会影响到用户认为它是否“快”，如果你只专注于其中一段，那在其他的时间里可能会有糟糕的体验。

你不应该只使用一个衡量指标，而是对影响用户体验过程中的每一段时间分别进行计时。当一个用户访问了 web 页面，它们通常是在寻找某种类型的反馈：

传统的性能指标，比如加载时间，或 DOMContentLoaded 时间是不可靠的，因为它们的反馈可能和指标一致，也可能不一致。为此，出现了 用来知道页面何时向用户提供反馈 等类型的衡量标准：

理解这些不同的指标对应的不同情况是非常重要的，我们只要去对症下药，针对处理用户体验影响最大的指标。一些公司甚至会根据它服务的用户的期望，定义额外的指标。比如 Pinterest（一个图片网站），用户想要查看图片，所以他们定义了额外的标准： Pinner Wait Time(Pinner 时间)，这个指标指的是用户能够交互和折叠图片加载时间和总合。

虽然加载时间是多段的，但是在 简化报告 或 横向比较 时，单一指标依然是有用武之地的，例如Speed Index 和 Lighthouse score 就是这方面很好的工具。

译者的话

这篇文章篇幅较短，但是内容很重要，在后文都会有所涉及。优化新手常见的一个错误的观点（例如我）就是，加载只是一个步骤。这篇文章给大家普及了几个重要概念，首屏渲染并非单纯地从空白到渲染，而是分为了好几个步骤，每个步骤对应了不同的用户体验，我们可以通过自己对公司产品的定位着重优化对应的步骤。
欢迎关注我的个人微信公众号：前端 stack，每周分享一篇外文技术翻译哦

---

原文地址：https://web.dev/what-is-speed/