核心网页指标这套东西，说实话挺折腾人，但它确实是搜索引擎明确会参考的标准。我把它拆开讲清楚。
核心是三个指标。第一个是 LCP，最大内容绘制。说白了就是用户看到页面主要内容需要多久。这个衡量的是加载速度。第二个是 CLS，累积布局偏移。就是你页面加载的时候，元素会不会跳来跳去。这个衡量的是视觉稳定性。第三个是 INP，交互到下次绘制。就是用户点了个按钮，页面多久给反应。这个衡量的是交互响应。
为什么要有这三个。因为它们对应的是用户最直观的三类体验。等太久、内容跳、点了没反应。这三个问题用户最烦，搜索引擎也知道，所以拿它当标准。
那怎么优化。LCP 慢，一般是首屏的大图或者大块文字加载慢。优化方向是压缩图片、用 CDN、优化服务器响应、别让渲染被阻塞的脚本挡住。CLS 差，一般是图片和广告没有预留位置，等加载出来就把下面的内容挤下去了。解决办法是给图片和广告位写明尺寸。INP 差，一般是 JS 执行太久，用户点了之后主线程忙不过来。优化方向是拆分长任务、减少不必要的脚本。
这三个指标，怎么知道自己的表现。有两个数据源。一个是实验室数据，就是工具跑出来的，固定的环境。另一个是真实用户数据，就是浏览器的真实用户上报的。看的话主要看真实用户数据，实验室数据用来辅助定位问题。
我建议你先测一下自己的站，看看哪个指标不达标，然后有针对地改。别一上来就大动干戈重构，多数情况下改几个点就能达标。
这三个指标不是排名的决定因素，但它是体验的底线。达标了是及格，不达标是失分。
—— 来自 图趣网 - 优秀网站分类目录 的分享
