Core/Dash 维度: 设备类型

通过在不同设备形态间拆分你的 Core Web Vitals 数据,来调试移动端性能差距。

免费试用

Trusted by market leaders · Client results

aleteiacomparesaturnmarktplaatskpnmonarchadevintadpg medianestlefotocasaperionerasmusmcsnvharvardhappyhorizonvpnloopearplugsmy work featured on web.devnina careworkivawhowhatwearebay

维度:设备类型 (d)

设备类型(Device Type)维度将你的 Real User Monitoring 数据分为两类:mobile(移动端)和 desktop(桌面端)。这是任何性能调查中最重要的一级过滤器,因为移动端和桌面端是截然不同的计算环境。不同的 CPU、不同的网络条件、不同的视口大小、不同的浏览器引擎。

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

coredash metric table urls

移动端性能差距

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

造成这种差距的原因在于,移动设备面临着桌面端所没有的三个限制:

  • CPU 节流:中端 Android 手机的处理能力大约比桌面端低 3-5 倍。在桌面端 50ms 内执行的 JavaScript 在移动端可能需要 200ms,从而导致 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 节流(4 倍)只能近似模拟,而真实设备测试效果更好。
  • 切勿仅针对桌面端进行优化:如果你的移动端流量超过 50%(几乎可以肯定是这样),移动端性能就是你的搜索排名信号。Google 使用移动端 CrUX 数据进行排名。

设备类型(Device Type)绝不是一个可有可无的过滤器。它是你首先要问的问题:“这是移动端的问题,还是桌面端的问题?”每一个优化决策都源于这个答案。