1. 定义
First Contentful Paint:首次有内容渲染的时间点。
从用户开始访问页面到FCP的时间段称为【无内容时间】,用户获取不到有用的信息
2. 获取
3. 优化
- 减少外链 CSS 资源的数量 。
- 减少同步加载的外链 JS 资源数量。
- 合理使用 HTTP 缓存。
- 压缩静态资源。
- 优化页面加载过程中的 JS 执行时间。
- 引入外部字体文件时,避免因为等待字体文件的加载而产生的文字不可见问题
First Contentful Paint:首次有内容渲染的时间点。
从用户开始访问页面到FCP的时间段称为【无内容时间】,用户获取不到有用的信息