速度排查指南
为什么我的 Shopify 店铺这么慢？
店铺速度慢需要具体诊断。先描述症状：首屏是否很晚才出现、布局是否跳动、点击后是否长时间没有响应。这些是不同问题，修复方式也不同。
这是一套排查流程，不是对你店铺的实际诊断。记录 URL、设备、测试日期、主题版本和正在评估的修改。
1. 建立可重复的基准
选择首页、集合页和商品页，在同样的设备设置下用 PageSpeed Insights 测试较慢的模板。比较多次测试中的共同规律，不要把单次分数当成固定结果。
实验室数据用于在可控条件下复现问题，真实用户数据反映一段时间内的访问体验。如果真实用户数据不足，应记录这个限制，而不是判为通过或失败。
2. 判断是哪种体验变慢
Largest Contentful Paint 关注最大可见内容何时出现；Interaction to Next Paint 关注交互响应；Cumulative Layout Shift 关注页面意外移动。它们衡量不同问题，改善加载不一定能解决交互延迟。
先写出可验证的现象，例如“商品主图比周围文字晚出现”或“打开菜单时页面卡住”，这样下一步才有明确目标。
3. 检查首屏图片与视频
在浏览器 Network 面板中检查设备实际收到的资源，对比图片尺寸、传输体积和显示大小。原始上传文件很大，不等于访问者一定下载了原图。
如果延迟的是主视觉图或商品主图，检查请求时间以及主题的响应式图片标记。调整后保留前后测试，并确认支持的设备上仍然清晰。
4. 把应用脚本对应到实际功能
列出性能记录中出现的脚本，并确认每个脚本属于哪个店铺功能。脚本出现并不能证明它造成了延迟，也不能证明相关应用仍处于安装状态。
使用复制主题和应用提供的设置对可疑功能进行对比。确认代码用途后再删除或调整；卸载应用可能留下主题代码，应按照应用开发者的清理说明操作。
5. 检查主题代码、字体与视频
寻找与顾客首次操作竞争资源的工作，例如同时初始化多个组件、加载过多字体字重或过早播放视频。一次只修改一个功能，才能把变化和结果对应起来。
首页改善不代表商品页也会改善，因为不同模板的区块与脚本可能不同。共享主题修改后，应复测所有受影响模板。
6. 避免照搬不适用于 Shopify 的建议
Shopify 已提供托管和 CDN 等基础优化。应优先处理与店铺内容、应用和主题有关的证据，而不是默认通用服务器建议都可以由商家执行。
7. 验证改善并保留回退方案
保留原主题版本。修改后使用相同 URL 和设备条件重复测试，同时观察具体症状和指标，并确认菜单、搜索、商品选项和购物车仍然正常。
真实用户指标使用一段时间的数据，部署后不会立即变化。若要继续检查索引、元数据与页面内容，请使用Shopify SEO 检查清单。