Web开发

首页 » 常识 » 常识 » 前端性能优化指南7Web性能指
TUhjnbcbe - 2022/2/25 20:34:00
辽宁白癜风医院 http://pf.39.net/bdfyy/bdflx/171107/5824577.html

本篇是此系列第7篇,上一篇:Web性能标准下篇预告:页面呈现过程之网络加载篇

对于Web开发人员来说,如何衡量一个Web页面的性能一直是一个难题。

最初,我们使用TimetoFirstByte、DomContentLoaded和Load这些衡量文档加载进度的指标,但它们不能直接反应用户视觉体验。

为了能衡量用户视觉体验,Web标准中定义了一些性能指标,这些性能指标被各大浏览器标准化实现,例如FirstPaint和FirstContentfulPaint。还有一些由Web孵化器社区组(WICG)提出的性能指标,如LargestContentfulPaint、TimetoInteractive、FirstInputDelay、FirstCPUIdle。另外还有Google提出的FirstMeaningfulPaint、SpeedIndex,百度提出的FirstScreenPaint。这些指标之间并不是毫无关联,而是在以用户为中心的目标中不断演进出来的,有的已经不再建议使用、有的被各种测试工具实现、有的则可以作为通用标准有各大浏览器提供的可用于在生产环境测量的API。我将这些指标分为三类:文档加载相关、内容呈现相关、交互响应性相关,并基于这些指标提取出与用户最相关的核心指标。下面一一介绍这些指标的出处、定义以及测量方式。

??文档加载相关

文档加载过程时间线如图,这里主要介绍三个指标:TTFB、DCL和Load时间。

image.png

1
查看完整版本: 前端性能优化指南7Web性能指