优化Lighthouse得分，从核心指标入手

使用预加载关键资源 ：通过 <link rel="preload">💎; 告知浏览器优先下载首屏必需的样式表和字体文件，避🎨免额外等待

优化Lighthouse得分，从核心指标入手

移除渲染阻塞的资源 ：通过内联🔮首屏的最小区块样式（Critical CSS），并推迟🎉非关键样式的加载

对于Web🚀字体，考虑使用 font-display: swap 并预先加载字体文件，减少因字体切换👍导致的回流

Google的Li▶️ghthouse工具提供了可量化的性能评估，其中几个核心指标是优化的关键

优化Lighthouse得分，从核心指标入手

一、理解Lighthou🎆se中的核心速度指标 Lighthouse主要从三个维度衡量页面加载速度： 首次内容绘制（FCP） 、 最大内容绘制（LCP） 以及 累积布局偏移（CLS）

启用文本压缩 ：在服务器端启用Gzip或Brotli压缩，能💯显著缩短HT🎆ML、CSS和JavaScript文件的传输时间，从而加快FCP

优化Lighthouse得分，从核心指标入手

Google的Lighthouse工具提供了可量化的性能评估，其中几个核心指标是优化的关键

二、提升首次内容绘制（F📢CP）的实用技巧 减少首屏资源请求数量 ：合并CSS和JavaScript文件，移除不必要的字体或第三方脚本，通常可以⭐将首屏请求数量减少15%以上

优化Lighthouse得分，从核心指标入手

下面我们将围绕这些指标，给出具体、可操作的提升方法

通过聚焦上述核心指标，并有针对性地实施优化方案，网站速度通常能在一到两周内获得明显提升，进而对百度搜索引擎的排名产生积极影响

优化Lighthouse得分，从核心指标入手

FCP关注用户看到第一个内容元素的时间，LCP关注页👍面主体内容完全渲染的时间✨，而CLS则衡量页面在加载过程中视觉稳定的程度