关于 Shopify 与电商的报道与研究
我们对 15 款热门 Shopify 主题的在线演示店铺运行了 45 次 Lighthouse 审计,采用移动端配置、模拟限速,每个站点跑三次。只有一个演示站达到了 Google 的 LCP 良好门槛,而第一名与最后一名之间的差距超过八倍。
每个主题供应商都有一个页面来陈述自己的主张:演示店铺。它正是主题作者希望买家看到的样子。所以我们就测了这个。十五个在线演示店铺,每个跑三次移动端 Lighthouse,总共四十五次审计,全部在同一天、用同一个工具、同一套限速设置完成。
| # | 主题(供应商) | LCP | CLS | TBT | 性能得分 |
|---|---|---|---|---|---|
| 1 | Ultra (UTD) | 1.91s | 0.000 | 65ms | 98 |
| 2 | Boutique (UTD) | 3.67s | 0.007 | 68ms | 85 |
| 3 | Allure (UTD) | 4.33s | 0.001 | 29ms | 81 |
| 4 | Refresh (Shopify) | 5.67s | 0.000 | 27ms | 74 |
| 5 | Dawn (Shopify) | 6.17s | 0.000 | 57ms | 69 |
| 6 | Symmetry (Clean Canvas) | 6.33s | 0.038 | 215ms | 70 |
| 7 | Prestige (Maestrooo) | 6.70s | 0.000 | 104ms | 62 |
| 8 | Gain (UTD) | 7.40s | 0.011 | 158ms | 61 |
| 9 | Warehouse (Maestrooo) | 7.73s | 0.001 | 38ms | 72 |
| 10 | Turbo (Out of the Sandbox) | 8.07s | 0.000 | 134ms | 60 |
| 11 | Impulse (Archetype) | 9.18s | 0.129 | 304ms | 58 |
| 12 | Victory (UTD) | 9.55s | 0.101 | 409ms | 51 |
| 13 | Impression (UTD) | 12.19s | 0.032 | 145ms | 56 |
| 14 | Horizon (Shopify) | 12.32s | 0.000 | 29ms | 62 |
| 15 | Motion (Archetype) | 15.78s | 0.000 | 353ms | 58 |
每个演示站 3 次运行的中位数。LCP = Largest Contentful Paint,CLS = Cumulative Layout Shift,TBT = Total Blocking Time。
只有一个演示站通过。 Google 对移动端良好 LCP 的门槛是 2.5 秒。十五个演示站中只有一个越过了这条线;有十三个高于 Google 判定为差的 4 秒线。模拟移动限速刻意设置得很苛刻,但这正是 Lighthouse 对所有店铺一视同仁使用的配置,它得出的排序,也就是使用中端手机的购物者依次感受到的体验。
差距本身才是重点。 Ultra 与 Motion 之间 13.9 秒的差距不仅仅是引擎差异。它是一层层选择叠加的结果:主视觉媒体的体量、首屏绘制前运行多少脚本、主题交付的演示站是克制的还是堆满装饰的。一个把自家展示做得轻量的供应商,往往也会让你的店铺保持轻量,因为盒子里装的是同一套默认配置。
Turbo 的名声跑在了它的演示站前面。 这个长期被视为“性能”畅销款的 Out of the Sandbox 主题,如今已不在官方 Theme Store 上架、改为直接销售,排在第十,落后于免费的 Dawn。在我们的测试中,它的首尔演示站用了 5.6 秒才完成首屏绘制。
厚重的演示站拖累了新的视觉型主题。 榜单底部被那些围绕全屏视频和大图构建的演示站占据:Motion、Horizon、Impression。除非商家更换这些媒体素材,否则这就是他们真实店铺要付出的实打实代价,而且数字上看得很清楚:Horizon 的 TBT 非常出色(29ms),而它的 LCP 是 12.3s。引擎没问题;是展示内容太重。
缩短几秒钟的商业价值在已发表的案例研究中有充分记载:Google 自己汇编的 Core Web Vitals 研究报告显示,多家零售商在改善 LCP 后获得了转化率和营收提升。在演示站之间存在 8 倍差距的背景下,主题选择是商家只做一次、却在每一次会话中都要为之付出代价的少数速度决策之一。
完整的流程、主题清单、运行脚本、每次运行的 JSON 和分析脚本,均随本文一并发布。对任意主题演示站运行它,你得到的数字应当落在与我们相比正常的 Lighthouse 波动范围之内。
Google 的 Core Web Vitals 将 LCP 低于 2.5 秒视为良好,高于 4 秒视为差。在我们对 15 个官方主题演示站进行的模拟移动网络审计中,只有一个演示站低于 2.5 秒,有十三个落在差的区间。
在各自的演示店铺上,确实如此:我们测得最快与最慢演示站的移动端 LCP 中位数相差 8 倍。这个差距中有一部分来自供应商为演示站选择的内容体量,而这本身就很有参考价值,因为那是主题作者以最佳状态呈现主题的方式。
它衡量的是供应商交付和展示主题时的状态,包括他们对图片、板块和功能的选择。这不是对完全相同页面的实验室对照比较,所以应把它视为关于默认配置和克制程度的有力信号,而不是对引擎本身的判决。我们在方法论中说明了这一局限。
Core Web Vitals 是 Google 已确认的排名信号,会在每个被抓取的店铺上基于真实流量采集。与相关性相比其影响不大,但延迟对转化的影响已有文献记载,并会与之叠加。