如何修复Google Webmaster中Core Web Vitals的LCP、FID报错

PageSpeed Insights（PSI）显示的90+分数属于实验室模拟测试结果，测试环境是固定的中端设备、模拟4G网络，仅跑单页面单次加载的理想场景；Google Search Console（原Google Webmaster Tools）里的Core Web Vitals数据来自Chrome用户体验报告（CrUX）的真实访客实测值，覆盖所有访客的实际访问场景，包含低端安卓机、弱网、缓存未命中、第三方资源阻塞、服务器高峰卡顿等真实变量，二者数据不一致是非常普遍的情况，不存在工具统计错误。

• 先锁定GSC里的问题范围：确认未达标数据是集中在特定页面类型（首页/文章页/分类页/标签页），还是全量页面都不达标；同时看CrUX的分维度数据，是整体75分位值不达标，还是特定地区、特定设备段的访客数据拖了整体后腿，顺便排除异常爬虫、恶意访问拉低数据的情况。
• 对照PSI的实测板块校验：PSI页面顶部除了实验室模拟得分，还会展示过去28天的CrUX真实字段数据，先确认这里的LCP、FID数值和GSC是否一致，排除GSC数据延迟问题（GSC数据通常有1-2天延迟，最长可能滞后1周）。
• 排查Newspaper主题冗余配置：这个主题自带大量内置模块、广告位、动效、字体资源，默认会加载很多未启用功能的冗余代码。先到主题后台把所有不用的功能全关：包括未使用的小工具、多余的页眉页脚组件、内置弹窗、评论表情、相关推荐模块动效，尤其要关掉主题自带的图片懒加载——和缓存插件的懒加载功能重复会直接导致加载冲突，拖慢首屏速度。
• 排查Linode服务器负载：20美元档的Linode是1核2G配置，如果没做进程调优、缓存配置，高峰时段很容易出现TTFB（首字节响应时间）过高，直接拖慢LCP。先看服务器监控的CPU、内存占用，如果日常CPU占用超过60%、内存占用超过80%，先加1G swap分区，还是扛不住就升级配置；如果负载正常，先确认是否开启了OPcache、Redis对象缓存、Gzip/Brotli压缩。

LCP（最大内容绘制，达标阈值≤2.5s）修复 #

• 优先保障首屏LCP元素加载：Newspaper主题的文章页LCP元素通常是首屏特色图，首页是首屏轮播/置顶大图。不要用主题自动裁剪的图片，直接上传WebP/AVIF格式的自适应图，给LCP图片加上fetchpriority="high"属性，把这张图排除在懒加载范围外，不要给首屏图加淡入、缩放之类的入场动效，这类动效会直接延迟图片渲染时间。
• 优化字体加载逻辑：Newspaper默认会加载多字重的谷歌字体、主题图标字体，把字体文件转存到本地服务器预加载，不要从第三方域名拉取字体；只保留站点实际用到的字重（一般正文400、标题700两个字重足够），给字体加上font-display: swap属性，避免字体阻塞页面渲染。
• 清理首屏阻塞资源：所有非首屏必须的JS、CSS全部延迟加载，包括统计代码、广告代码、分享按钮脚本、评论区脚本；首屏用到的核心CSS直接内联到页面头部，不要把整站CSS都堆在头部阻塞渲染；主题里没用到的前端JS，直接在主题设置里全局禁用，不要留着加载。
• 服务器层调优：给图片、CSS、JS、字体这类静态资源设置至少30天的浏览器缓存头，有条件的话开CDN缓存静态资源；把PHP版本升级到8.0以上，开启OPcache，把WordPress心跳接口的请求频率调到最低，减少不必要的数据库查询。

FID（首次输入延迟，达标阈值≤100ms，目前已逐步被INP指标替代）修复 #

• 拆分主线程长任务：Newspaper自带的很多前端脚本会阻塞浏览器主线程，所有执行时间超过50ms的长任务都要拆分，非交互类的JS全部延迟到页面完全加载后再执行，不要在页面加载初期就跑大量DOM计算、事件绑定逻辑。
• 砍掉没用的交互动效：包括主题自带的图片灯箱、移动端侧边栏滑入动效、目录锚点平滑滚动、回到顶部按钮动效，没有实际使用需求直接关闭，减少主线程执行压力。
• 避免第三方脚本阻塞：所有广告、统计、客服类第三方脚本全部加async或者defer属性，绝对不要让第三方脚本在主线程排队，阻塞用户首次点击、滑动的响应。
• 优化重复访客缓存规则：给登录用户、二次访问的访客配置合适的缓存策略，避免重复加载冗余资源，压减首次交互前需要执行的JS总量。

• 修复后不要立刻等GSC数据更新，CrUX需要收集28天的真实访客数据才会刷新指标，修复后可以先通过PSI的实测板块、Chrome DevTools的性能面板模拟低端设备测试，等2-4周后再看GSC的数据变化。
• 不要为了刷PSI的实验室分数过度优化，比如把所有JS都延迟到用户触发交互后再加载，反而会导致真实用户点击按钮的时候JS还没加载完，直接拉低FID/INP分数。

内容的提问来源于stack exchange，提问作者Partha bhakta