测量性能

测量性能提供了一个重要的指标，以帮助你评估应用程序、网站或 web 服务的成功程度。

例如，你可以使用性能指标来确定你的应用程序与竞争对手相比如何表现，或者你可以比较应用程序在各个版本之间的性能。你选择的度量指标应与你的用户、网站和业务目标相关。它们应以一致的方式收集和测量，并以非技术利益相关者可以消费和理解的格式进行分析。

本文介绍了可用于衡量和优化网站性能的 web 性能指标。

前提：	基本计算机素养，已安装基本软件，以及客户端网络技术的基本知识。
目标：	提供关于可以通过不同的 web 性能 API 和工具来收集的性能指标的信息，并介绍可以用来展示这些数据的工具。

性能 API

编写 web 代码时，有大量的 web API 可用，使你可以创建自己的性能测量工具。

你可以使用导航计时 API 来测量客户端 web 性能，包括卸载上一个页面所需的时间、域名查找所需的时间、执行窗口加载处理程序所花费的总时间等。你可以将该 API 用于与下图中显示的所有导航事件相关的度量。

导航计时 API 可处理的各种处理器（包括 Navigation Timing API 度量）：unload 提示、redirect、unload、应用缓存、DNS、TCP、请求、相应、处理、onLoad，以及 navigationStart、redirectStart、redirectEnd、fetchStart、domainLookupEnd、domainLookupStart、connectStart（secureConnectionStart）、connectEnd、requestStart、responseStart、responseEnd、unloadStart、unloadEnd、domLoading、domInteractive、domContentLoaded、domComplete、loadEventStart、loadEventEnd

性能 API，它为当前页面提供了访问性能相关信息的能力，包括性能时间轴 API、导航计时 API、用户计时 API 和资源计时 API。这些接口允许准确测量 JavaScript 任务完成所需的时间。

PerformanceEntry 对象是性能时间轴的一部分。性能条目可以通过在应用程序的显式点创建性能 mark (en-US) 或 measure (en-US)（例如，通过调用 mark() 方法直接创建。性能条目还可以通过间接方式创建，例如加载资源，如图像。

PerformanceObserver API 可用于观察性能测量事件，并在浏览器的性能时间轴中记录新的性能条目时通知你。

虽然本文并没有深入介绍这些 API 的使用，但了解它们的存在是有用的。你还可以参考导航和计时 (en-US)文章，以获取有关使用性能 web API 的更多示例。

工具和指标

有许多不同的工具可用于帮助你提高性能。这些工具通常可以分为两类：

指示或测量性能的工具，如 PageSpeed Insights 或 Firefox 的网络监视器和性能监视器。这些工具向你展示你的 web 应用程序或网站加载有多快或多慢。它们还指出可以改进以优化你的 web 应用程序的领域。
更新代码以使你的 web 应用程序或网站性能更好的工具。例如，捆绑工具将你的代码打包成单个文件，以减少 HTTP 请求数量，或者缩小器从你的代码中删除所有空白以使文件更小。

在本课程中，我们将讨论这两类工具。除了讨论性能指标，我们还将讨论用于衡量你的网站性能是否在改善的指标。