第 197 题：前端性能优化与监控上报

Chrome 开发团队提出了一系列用于检测网页性能的指标：

1. FP（first-paint），从页面加载开始到第一个像素绘制到屏幕上的时间
2. FCP（first-contentful-paint），从页面加载开始到页面内容的任何部分在屏幕上完成渲染的时间
3. LCP（largest-contentful-paint），从页面加载开始到最大文本块或图像元素在屏幕上完成渲染的时间
4. CLS（layout-shift），从页面加载开始和其生命周期状态变为隐藏期间发生的所有意外布局偏移的累积分数

这四个性能指标都需要通过 PerformanceObserver 来获取（也可以通过 performance.getEntriesByName() 获取，但它不是在事件触发时通知的）。PerformanceObserver 是一个性能监测对象，用于监测性能度量事件。