Shopify 自动优化资源预加载,显著提升页面性能
Shopify 现已启动针对商店页面 HTML 的自动化扫描机制,旨在识别阻塞渲染的样式表与脚本。系统将指示浏览器提前建立连接并下载关键资源,无需等待页面完全加载。该优化对商家及主题开发者透明,无需进行任何额外配置。
官方测试数据显示,在符合条件的页面中,第75百分位的首次内容绘制(FCP)时间缩短76毫秒,最大内容绘制(LCP)时间缩短100毫秒。受限于浏览器内核差异,Chromium 和 Firefox 可响应完整预加载提示,而 Safari 仅支持连接提示,因此性能提升幅度存在跨浏览器差异。
此前分析表明,由主题作者手动配置的预加载提示常导致页面变慢,尤其在移动端表现明显。为此,Shopify 调整了策略,不再依赖主题代码中的全部预加载指令,改为从每个页面动态提取精简的关键资源列表进行推送,以确保加载效率与稳定性。

