Core/Dash 维度: 设备类型

通过按设备外形规格拆分 Core Web Vitals 数据,调试移动端性能差距。

免费试用

Trusted by market leaders · Client results

nestlemy work featured on web.devfotocasahappyhorizonkpnnina caredpg mediasnvsaturnloopearplugsebayworkivaaleteiaharvardvpnadevintamarktplaatsmonarchwhowhatwearperioncompareerasmusmc

维度:设备类型 (d)

设备类型维度将您的 Real User Monitoring 数据分为两类:mobiledesktop。这是所有性能排查中首个且最重要的一级过滤器,因为移动端和桌面端是截然不同的计算环境。不同的 CPU、不同的网络条件、不同的视口大小、不同的浏览器引擎。

如果您在查看汇总的 Core Web Vitals 时没有按设备类型进行过滤,那么您只是在对两个几乎没有任何共同点的群体进行平均。这种平均值充其量只会产生误导。

移动端性能差距

根据 Statista (2025) 的数据,移动设备约占全球网络流量的 62%。然而,移动端的性能却始终不及桌面端。根据 2025 Web Almanac,只有 48% 的移动端源站通过了所有三项 Core Web Vitals,而桌面端这一比例为 56%。这之间存在 8 个百分点的差距。

这种差距之所以存在,是因为移动设备面临桌面端所没有的三个限制:

  • CPU 节流:中端 Android 手机的处理能力大约比桌面端低 3-5 倍。在桌面端 50 毫秒即可执行完毕的 JavaScript,在移动端可能需要 200 毫秒,从而导致 INP 超过“良好”阈值。
  • 网络延迟:与有线连接相比,移动连接 (4G/5G) 的往返时间更长,波动也更大。这会增加 TTFB 和 LCP 加载延迟。
  • 视口大小:较小的屏幕会改变哪个元素成为 LCP。您的桌面端首屏大图在移动端可能会缩小并位于文本块下方,从而彻底改变优化目标。

CoreDash 设备类型分布

在所有 CoreDash 项目中,典型的流量分布为移动端 65%,桌面端 35%。电子商务网站更倾向于移动端 (70-75%),而 B2B SaaS 产品通常呈现 50/50 的比例,甚至是桌面端占主导地位。

CoreDash 数据中的性能差距反映了全球趋势。移动端 p75 LCP 平均为 2.8 秒,而桌面端为 1.9 秒。对于 INP,差距甚至更大:移动端 p75 约为 220 毫秒,而桌面端则徘徊在 120 毫秒左右。

特定指标分析

Largest Contentful Paint (LCP)

移动端 LCP 几乎总是比桌面端差。主要原因是加载延迟:移动浏览器发现 LCP 图像的时间较晚,因为 HTML 到达需要更长时间(更高的 TTFB),并且预加载扫描器在较慢的 CPU 上面临着更激烈的资源争用。如果您的桌面端 LCP 低于 2.0 秒,但移动端超过 3.0 秒,问题通常不在于图像文件本身,而在于交付管道。

Interaction to Next Paint (INP)

这是设备差距影响最严重的地方。在桌面端 i7 处理器上感觉瞬间完成的 JavaScript 事件处理程序,可能会在骁龙 665 上阻塞主线程超过 300 毫秒。按移动端过滤,按 INP 影响排序,您将准确找到那些在真实手机上崩溃的交互。我经常看到这种情况:开发人员在 MacBook Pro 上进行测试,然后发布了实际上 65% 的用户在手持设备上根本无法使用的交互。

Cumulative Layout Shift (CLS)

设备类型之间的 CLS 差异通常可追溯到响应式设计。在桌面端预留空间的广告位,在移动端可能会折叠或调整大小。在桌面端对齐的字体 fallback 指标,会在较小的视口上引起明显的偏移。Web 字体在移动端和桌面端浏览器中的渲染方式不同,并且物理像素密度也会影响亚像素舍入。

调试工作流

  1. 从设备过滤器开始每次排查:在查看任何其他维度之前,请先按设备类型进行拆分。如果您的汇总 LCP 为 2.5 秒,您可能会发现桌面端为 1.8 秒,而移动端为 3.1 秒。这个“问题”完全属于移动端。
  2. 比较分布,而不仅仅是 p75:检查每种设备类型的良好/需要改进/差的分布情况。桌面端有 85% 的良好率,而移动端只有 45% 的良好率,这讲述了一个与仅看 p75 完全不同的故事。
  3. 与其他维度结合:一旦您隔离了设备类型,请添加第二个过滤器。设备类型 + 国家/地区可以揭示移动端差距是全球性的,还是集中在网络较慢的区域。设备类型 + 导航类型可以显示移动端的前进/后退导航是否被正确缓存。

工程经验法则

  • 移动端 LCP 低于 2.5 秒:这是 Google 使用的“良好”阈值。如果您的桌面端通过但移动端失败,请专注于减少加载延迟(fetchpriority、preload)和 TTFB(边缘缓存、CDN)。
  • 移动端 INP 低于 200 毫秒:在真实的中端 Android 设备上测试每个交互式功能。Chrome DevTools 的 CPU 节流 (4x) 可以近似模拟,但真实设备测试更好。
  • 永远不要只针对桌面端进行优化:如果您的移动端流量超过 50%(几乎肯定是这样),那么移动端性能就是您的搜索排名信号。Google 使用移动端 CrUX 数据进行排名。

设备类型不是一个可有可无的过滤器。这是您要问的第一个问题:“这是一个移动端问题还是桌面端问题?”每一个优化决策都源于这个答案。