性能优化

其他 • 2024-09-21

前端页面加载性能指标之LCP

之前已经介绍过FCP，本文介绍与之相对应的LCP。通过上文得知，FCP衡量的是页面首次渲染出有意义的内容的时间点，这通常包括文本、图像、非白色画布或SVG的渲染，可以让用户感知到网页正在加载。那么LCP又是什么?

其他 • 2024-09-01

前端页面加载性能指标之FCP

首次内容渲染（First Contentful Paint，简称FCP）是一个以用户角度来衡量的性能指标，它衡量的是用户在**网页加载过程中首次看到内容的时间点**。这个指标之所以重要，是因为它代表了用户在屏幕上第一次看到网页内容的时刻，从而影响用户对网页加载速度的感知。一个快速的FCP可以增强用户的体验，**让用户感知到页面正在加载内容**。