Shopify 性能优化

Shopify 实验室 90 分但 CrUX 仍报 LCP 差

现象#

PageSpeed 移动端跑出 92 分,Search Console 的 Core Web Vitals 里仍有 38% 的 URL 被判为较差。

原因#

  • Lighthouse 是单次实验室模拟,固定机房与固定节流,不代表真实设备与网络分布
  • CrUX 取 28 天滚动窗口的 p75 真实用户数据,包含低端安卓机与弱网环境
  • 登录态、地区分流与 A/B 实验产生的页面,实验室抓不到也不计入
  • 实验室默认按 Moto G4 加 1.6Mbps 节流,与店铺主要流量地区的实际网络结构不同

处理步骤#

  1. 在 PageSpeed Insights 展开 real users 字段数据区块,读 p75 的 LCP
  2. 用 web-vitals 在站内采集 p75,按设备类型与页面模板分组
  3. 对比同一 URL 的 lab LCP 与 field LCP,差值超 2s 时先查 CDN 命中率与地区覆盖
  4. 在 Search Console 的 Core Web Vitals 报告按网址分组查看
  5. 用 BigQuery 的 chrome-ux-report 数据集按国家与设备拆分

验收标准#

站内 RUM 的 p75 LCP 与 CrUX 同 URL 数值差在 0.5s 内,分组中良好占比开始上升。

本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。