Web应用程序的性能指标介绍

Web应用程序的性能指标介绍

在评估 Web 应用程序的性能时，我们需要关注一系列重要的指标，这些指标可以帮助我们了解应用程序的运行情况并评估其性能表现。其中一些关键的性能指标包括页面加载时间、响应时间、资源加载速度以及用户交互的流畅度。通过深入了解这些指标，我们可以更好地识别和解决潜在的性能问题，并不断优化我们的应用程序，以提供更出色的用户体验。本文将探讨这些关键性能指标，以及如何利用它们来评估和改进 Web 应用程序的性能。

Web应用程序的性能是难以测定的，没有一个评估标准来测定Web应用程序的性能，但是可以通过以下的Web行为评估来测定一个Web应用程序的性能是否足够好

加载第一个字节所需的时间（TTFB）

TTFB 是衡量收到请求第一个字节之前所用时间的指标。该指标可用于评估服务器以及客户端和服务器之间的网络的负载。即是指从客户端发出 HTTP 请求到接收到服务器返回的第一个字节所经过的时间。这个时间包括了客户端发送请求、服务器处理请求并生成响应的时间，以及网络传输的时间

首次绘制（FP）

表示浏览器首次在屏幕上绘制任何内容的时间点。通常情况下，这是浏览器加载页面并开始渲染内容的时刻。First Paint 可以帮助我们了解用户何时可以看到页面的内容，从而评估页面加载的速度

First Paint 时间点的重要性在于它直接影响了用户对页面加载速度的感知。当用户在浏览器中打开网页时，First Paint 时间点标志着页面开始展示内容的时刻，用户会从这一刻开始感受到页面的加载进展，从而形成对页面加载速度的初步印象

首次内容绘制（FCP）

表示浏览器首次在屏幕上绘制页面的实际内容的时间点。具体而言，它标志着页面的第一个像素被渲染到屏幕上的时间，可以是文字、图像、背景等实际内容的一部分

首次内容绘制通常被认为是用户感知到页面加载的第一个重要时间点。与 First Paint 不同，它不仅考虑了浏览器开始绘制内容的时间，而且关注了实际内容何时可见，这对用户体验影响更为直接。

首次内容绘制标记绘制第一个文本或图像的时间。与 FP 类似，但是一种技术性较低的衡量标准，它定义了向用户建议页面正在运行的渲染阶段。

最大内容绘制（LCP）

表示页面上最大和最重要内容元素（例如图片、文本块或其他DOM元素）被加载并绘制到屏幕上的时间点。LCP 主要关注用户感知到的页面加载速度，因为最大内容绘制的时间通常反映了用户何时可以看到页面上最重要的内容

最大内容绘制标记绘制最大文本或图像的时间。此度量也可以描述为用户看到预期结果之前的时间。

交互时间（TTI）

表示用户可以开始与页面进行交互的时间点，也就是说，当页面的主要内容已经加载完毕，并且用户可以无阻塞地与页面进行交互时，TTI 时间被认为已经发生。

TTI 时间是一个非常关键的性能指标，因为它直接影响了用户对页面的体验和响应速度。较短的 TTI 时间意味着用户可以更快地与页面进行交互，从而提高了用户满意度和整体的用户体验

交互时间是页面完全交互所需的时间。用户可能认为这与 LCP 的时间相同，但实际上可能不同。如果 TTI 和 LCP 不同，用户可能会认为该网站已损坏。