想要性能优化实现一个闭环，这将会是一个较长的过程，包含了性能监控的设计、性能分析、性能优化等步骤。本篇文章为了解篇，主要介绍性能的重要性、前端页面的加载过程和了解性能指标。

衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…

大家好，我是柒八九。 前言 今天我们来聊聊一个比较有背景的性能指标INP。 为何说它有背景呢,是因为它在未来,即将在更大的舞台大放异彩. 如果想了解该系列文章(浏览器底层原理&优化方案)，可以参考我们

性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下可以怎样定义性能指标及上报。 FP，全称 First Paint，翻译为首次绘制,是时间线上的第一个时间点，它代表网页的第一个像素渲染到屏幕上所用时间，也就是页面在屏幕上首次发生视觉变化的时间。 通过perf…

指标，为了确保大多数用户都达到了推荐的目标，一个很好的衡量阈值是页面加载的第75个百分位数，该值在移动和桌面设备上进行了划分。 First Contentful Paint（FCP）是一个重要的、以用户为中心的度量标准，用于测量感知的加载速度，因为它标记了页面加载时间轴中用户可…

网站监控，前后端所负责的工作各有不同。 服务器端主要负责分析、告警。前端主要负责日志采集和日志上报。