知识库文章

PageSpeed 已经90多分,为什么 GSC 还是体验欠佳?

文章摘要
PageSpeed 90分不等于真实用户体验通过。看懂Lighthouse与CrUX、定位LCP/INP/CLS,再按同设备、网址和时间窗口完成排查。

本页阅读目录

原创教学场景:手机切换产品规格仍在等待,背景加载速度表表现良好

PageSpeed的90多分通常来自Lighthouse的一次模拟测试,GSC核心网页指标看的是历史真实访问。高分说明这次测试条件下表现不错,不能证明所有客户加载、点按钮和浏览全程都顺畅。

排查时先认清两份数据,再看GSC具体是哪一项欠佳。加载慢、交互卡和页面乱跳需要不同的检查;只把首图压得更小,不一定解决按钮迟钝。

先认清PageSpeed里的两份成绩

PageSpeed Insights同一页里可以同时展示真实用户体验和Lighthouse诊断。它们放在一起,是为了相互补充,不是两份必须打出同一个分数的考试。

数据它告诉你什么
CrUX真实体验有足够样本的实际访问,在历史窗口中的体验
Lighthouse性能分本次模拟设备、网络等条件下的加载表现

真实数据来自符合条件的Chrome用户样本,并不覆盖每一位访客。PageSpeed通常汇总过去28天;当前发起的模拟测试,则发生在你点击分析的这一轮。数据来源见PageSpeed官方说明。

真实体验也不是挑一次最快结果来判断。工具使用第75百分位:可以先理解为把许多次测量从好到差排列,看靠近75%位置的值。这样不会因少数特别快的访问,就把其他人的慢体验遮住。

没有足够样本时,可能没有单页真实数据,或只能查看源站数据。此时先记录数据范围和不足之处,不能用下面的100分替上面的空白“宣布通过”。真实指标不足时的具体评估,以工具显示和官方规则为准。

为什么高分,仍会慢、卡和跳

模拟加载没有替客户点完所有按钮

一次标准加载测试不会替访客完成所有操作。产品页打开很快,之后第一次切规格却触发大量脚本;文章加载稳定,稍后出现的横幅又把内容挤下去,这些情况都可能让实际使用与初次加载不同。

Lighthouse里的TBT,也不能直接当成INP。TBT帮助观察加载阶段主线程被阻塞的情况;INP关注实际交互后的响应。二者有关,但不会因为TBT很好,就证明客户后来点到的每个按钮都快,见web.dev对实验与真实数据差异的解释。

实际访客不是同一台测试设备

客户可能使用较慢手机,位于另一地区,用不同网络;首次访问和回访的缓存状态也可能不同。Cookie提示、第三方组件和访问时机,又会影响真实页面。

这些是值得核对的差异,不是看到低分就能作出的诊断。先确认哪个条件与你的访客有关,再让测试接近该条件;不要用自己的高速电脑测试一次,就判断客户反馈不成立。

因此,“我测了96分”和“有人点按钮很慢”可以同时为真。继续排查所需的是具体指标和具体动作,不是再找一台设备刷出更高分。

GSC欠佳的是哪一项?

在GSC打开核心网页指标报告,先选手机或桌面,再进入对应问题详情,记下问题类型、网址群组和示例URL。不要把手机报告与PageSpeed桌面测试放在一起比较。

三个核心指标及其良好阈值,可以这样理解:

指标与阈值对应体验
LCP,≤2.5秒首屏主要内容是否迟迟不出现
INP,≤200ms点击、点按或键盘操作后是否迟钝
CLS,≤0.1浏览中是否出现意外位移

这些阈值用于相应指标的评估,不是“总分减几分”的规则。阈值依据见Google核心网页指标说明。

再分清报告属于哪一个范围:

  • 此网址:有足够数据的这张页面。
  • 源站:同协议、主机和端口下多个页面的整体数据,例如同一个HTTPS主机;不是当前URL单独的成绩。
  • GSC网址群组:按相近体验整理的一组网址,示例页帮助检查,但不等于完整名单。

PageSpeed只展示源站数据时,可以用它发现整体问题,不能说这张产品页单独测得了某个真实值。GSC群组状态还会受较差指标影响,LCP不错也不能抵消INP欠佳。群组规则见GSC报告说明。

第一次核对,记下设备、URL、数据属于单页还是源站、GSC问题指标和测试日期。这些比单独一张“96分”截图更方便交给维护人员。

用产品规格按钮,做一次有目标的复测

以下是虚构教学场景:P31产品页的手机Lighthouse测试为96分,这个URL也有足够真实样本,INP显示620毫秒;GSC相关群组提示交互问题。客户说,第一次切换规格时,页面像没反应。

这时先复现客户的动作:以未登录状态在手机打开产品页,第一次点规格,观察是否立即出现选中或加载反馈;再等页面稳定后重复切换。记录哪一次迟钝、在哪个选项、当时有哪些弹窗或组件。

有条件的复测,才能让开发者重现同一个问题。 只说“页面慢”,可能让对方检查首图;说清“首次点规格后没有反馈”,才会把注意力放到这段交互。

把慢交互拆成三个阶段

浏览器收到操作后,大致要经历等待处理、运行处理逻辑、绘制下一帧反馈。任何一段拖住,都可能让人觉得按钮没有反应。

例如,用户点击时浏览器正在执行别的耗时脚本,按钮要先排队;也可能按钮自己的逻辑做了太多计算;还可能数据处理结束,页面却要更新大量元素才画出结果。仅有620毫秒这个历史值,不能判断具体慢在哪一段。

让开发人员用Chrome DevTools的Performance录制同一动作,检查相关任务与呈现过程,再决定减工作、拆任务或缩小更新范围。三个阶段的解释可参考web.dev的INP优化说明。这份教学场景没有实际性能录制,不预先指定某个插件为责任方。

还要区分“出现视觉反馈”和“业务完成”。按钮马上显示加载提示,但价格接口很久才返回,是另一项仍影响客户的等待。INP不能代替整次询价、加购或规格查询的完成时间,两种现象都应记录。

如果欠佳的是LCP,就回到主要内容出现之前的等待;如果是CLS,就复现图片、提示条或其他内容出现时的意外移动。选对动作,才不会拿压缩图片去解决所有问题。

WordPress修哪里,由问题决定

WordPress页面常由主题、编辑器、插件和外部组件一起组成。先用证据找拖慢的部分,再选择修复方式,避免连续安装几个优化插件后不知道谁起了作用。

LCP迟:查主要内容为什么晚出现

先分清是服务器迟迟没有返回,还是主要图片、字体等资源迟到。缓存和主机配置可能改善前一段;图片尺寸、加载方式和资源依赖可能影响后一段。先定位,不要默认所有LCP问题都是图太大。

若确实是主机响应或缓存相关问题,再沿WordPress主机性能测试核对。首屏主要图如果被不合适地延后加载,也应检查该图片的实际加载过程,而不是把全站懒加载开关反复切换。

INP迟:查交互时谁占住浏览器

规格选择、菜单、搜索和表单都值得按真实操作测试。第三方脚本可能参与阻塞,但是否为当前原因,要看录制过程。删除一个插件前,先弄清它提供了什么功能,以及该功能有没有替代或回退方案。

脚本延迟、合并或压缩上线后,要重新检查菜单能否展开、规格能否更新、表单能否提交及出现正确反馈。性能分高了,咨询按钮坏了,这次改动仍未完成。

CLS高:查谁在把原有内容推开

图片或嵌入内容缺少合适的占位、后插入横幅等,都值得检查。观察实际移动位置,确认是否属于指标关注的意外位移,再为对应元素预留空间或调整呈现方式。不要为降低一个指标,直接隐藏客户需要的信息。

一次先处理有证据的主要问题,保存改动内容与上线时间,再复测原动作。完整指标概念可继续看Core Web Vitals解释。

修复完成后,怎样看它有没有变好

先在相同条件下重复原动作,确认当前问题是否改善,并检查相关功能没有损坏。然后确认修改是否进入同一套产品模板,抽查其他同类页面;只改一个示例页,不代表整组都已修好。

接着观察真实数据。过去28天里仍可能包含修复前访问,新访问进入、旧访问退出,历史状态不会因为今天保存代码立即全部变绿。

手机当前操作已改善,日历中仍保留修复前访问记录的概念示意
当前操作和历史访问要分别观察。插画解释这一区别,不代表真实修复结果。

在GSC中按报告启动验证并观察状态。它不会清空原历史记录,也不能保证“等满28天必然通过”;实际样本、覆盖范围和未解决的操作,都会影响后续结果。

一份交接记录可以写成:

P31手机模拟加载96分,单页真实INP为620ms。首次点规格没有及时反馈,稳定后操作需另测。请录制该交互,定位等待、处理和呈现阶段;修改后复测同动作、确认同模板覆盖,再观察真实INP及GSC群组。

如果当前复现已改善,历史报告还没变,保留记录继续观察;如果同条件仍慢,回到性能过程;如果只有部分页面好,检查修复范围。每一种结果都有下一步,不需要为等一个绿灯连续换主机和插件。

需要一起定位时,带URL、设备、欠佳指标和能重复的动作联系跨境YOUNG。其他技术诊断见Google SEO学习中心。

常见问题

真实数据为空,模拟100分就算通过吗?

不能据此判断真实体验已经通过。先记录单页或源站的数据不足,保留模拟诊断并测试关键操作;不要把“没有样本”改写成“客户都很快”。

修复一个示例URL,为什么其他网址仍然欠佳?

示例帮助定位问题,未必代表全部页面都用了新代码。检查模板覆盖、其他交互及历史窗口;单页当前变好与整组状态改善,是两项需要分别确认的结果。

核心网页指标变好,排名一定会上涨吗?

没有这种保证。体验改善有助于真实使用,搜索表现还受内容、需求和其他因素影响。先确认功能与体验,再按同一范围观察搜索数据。

关于跨境YOUNG

跨境YOUNG整理WordPress建站、Google SEO与AI SEO / GEO方法,并提供建站、代运营和顾问服务。

需要有人持续推进SEO?

网站已上线,但页面、内容、技术、内链和月度数据没有持续推进?可先诊断范围与优先级,再按月执行与复盘。

最具性价比的服务器

Hostinger 适合预算有限的新站和中小企业 WordPress 网站,托管、备份与基础性能配置比较完整。通过专属链接可享 20% 折扣,购买前再核对机房位置和续费价格。

专属链接含 20% 折扣;跨境YOUNG可能获得佣金,不会增加你的购买成本。