Shopify 店面响应变快了，但提升多少取决于你的主题

大多数符合条件的 Liquid 店面都自动获得了微幅提速。Shopify 现在能更快将页面开头部分发送给浏览器，但这个“抢跑”优势究竟能换来多快的渲染速度，关键还在于主题本身。

• 改动了什么： 2026年9月22日，Shopify 性能团队发布了 Mateusz Krzeszowiak（@krzksz）撰写的新文章。文章指出，Shopify 现在会将主题布局中 {{ content_for_header }} 之前的所有内容立即发送至浏览器，模板渲染完毕后再继续传输其余部分。对中位数店铺而言，首字节响应时间（TTFB，即服务器返回首个字节所需时间）在 p75 阶段下降了 29%，p90 阶段下降了 21%。首次内容绘制（FCP）和最大内容绘制（LCP）这两个关键渲染指标，则提升了 2% 到 6%（详情参见 Performance @ Shopify）。
• 什么没有变： 文章特别说明：“这并没有减少服务器的工作量。”流式传输改变的只是浏览器接收数据的时机。这也是为什么首字节响应提速 29%，最终反映在买家视觉体验上只有个位数的提升。
• 声明中的“星号”为何重要？ 官方公告写着“无需修改主题*”。但这个“抢跑”优势要转化为肉眼可见的加载提速，前提是主题的样式表和字体必须排在 {{ content_for_header }} 上方。在 p75 阶段，Horizon 主题的 TTFB 提升了 29%，FCP 提升 8%，LCP 提升 4%。而 Dawn 主题将 base.css 加载放在该标签下方，各项指标仅分别提升了 25%、3% 和 2%。@sh_sakamoto 指出，两者对商家带来的 FCP 提升差距接近三倍。此外，由 .liquid 模板文件构建的页面，以及对 content_for_header 进行了过滤、条件渲染或嵌套的店铺，无法享受到流式传输。
• 本周建议： 让开发人员参考 Shopify 的性能优化指南 Load first-paint resources before `content_for_header`。在发布前，先在主题副本上测试改动。调整资源顺序并非毫无风险：Shopify 警告称，在此处读取 Shopify.* 的内联脚本会报错，移位的样式表也可能与 Shopify 注入的样式产生权重冲突。调整前后，请务必记录移动端的 FCP 和 LCP 数据。

我需要手动设置才能享受提速吗？

如果只是想缩短首字节响应时间，并不需要手动设置，Shopify 已对绝大多数符合条件的页面自动生效。但若想让买家感知到视觉加载变快，主题就必须将关键 CSS 和字体放在 {{ content_for_header }} 之前。建议先在主题副本上测试此项改动，直接修改可能破坏依赖现有加载顺序的脚本或样式。

为什么 Horizon 主题受益比 Dawn 更大？

Horizon 将样式表和字体定义在 {{ content_for_header }} 之前，浏览器在“抢跑”阶段就能同步开始下载资源。Dawn 则将 base.css 放在该标签下方，导致 CSS 只能随页面后续内容一起到达。这就是为什么 Dawn 的 FCP 指标仅提升了 3%，而 Horizon 提升了 8%。

这能提高转化率吗？

目前尚无公开数据证明该改动与转化率有直接关联。视觉上的加载提升相对微小，建议将其视为一次免费的性能优化，而不是解决高清大图或第三方脚本拉慢网速的“灵丹妙药”。