Shopify 性能优化专题
性能优化的目标是真实用户的 Core Web Vitals 达标，不是 PageSpeed 跑到 100 分。 多数店铺变慢的原因集中在三处：首屏大图、堆积的 App 脚本、主题本身。下面按「先读什么」整理了站内相关文章。
一、按你的情况选读
| 你的情况 | 先读 | 再读 |
|---|---|---|
| 不知道店铺到底快不快，先看数据 | Web 性能控制面板使用指南 | Web 性能优化指南 |
| 首屏加载慢（LCP 差） | Shopify 商店性能优化 | 产品图片优化指南 |
| 产品图片大、上传前没处理 | 产品图片优化指南 | Shopify 商店性能优化 |
| 装了很多 App，越用越慢 | Shopify 应用体检 | Shopify 商店性能优化（应用审计一节） |
| 要建长期监控、定性能预算 | Web 性能优化指南 | Web 性能控制面板使用指南 |
一句话原则：先看真实用户数据定位瓶颈，再动手；三项指标都达到「优」之后，精力转回产品和营销。
二、全部教程
按最近更新时间排列：
- Shopify 应用体检Shopify 店铺越做越慢，未必是主题的问题。本文提供一套应用审计方法：识别重复功能、检查 App Embed 和脚本、处理卸载残留，并在不影响收入的前提下清理应用。App 管理更新于 2026-07-29
- Shopify 商店性能优化面向 Shopify 商店运营者与主题工程师的性能优化指南。覆盖 LCP / CLS / INP 三大 Core Web Vitals 指标的调试方法、图片与脚本优化、应用审计、性能监控工具的对比与使用流程。性能更新于 2026-05-12
- Web 性能优化指南面向 Shopify 商店的 Web 性能优化深度指南。覆盖 Core Web Vitals 三项指标的诊断思路、性能与转化率的量化关系、监控体系搭建、按页面类型的优化优先级。性能更新于 2026-05-12
- Shopify Web 性能控制面板使用指南Shopify 内置 Web 性能控制面板的完整使用指南。覆盖访问路径、Core Web Vitals 指标解读、按时段分析的方法、与 PageSpeed Insights 等外部工具的数据差异原因、常见问题诊断。性能更新于 2026-05-12
- Shopify 产品图片优化完整指南 - 尺寸、格式、压缩技巧详细介绍 Shopify 产品图片的推荐尺寸、最佳格式、文件大小控制和压缩优化技巧，提升店铺加载速度和用户体验。产品性能更新于 2025-09-21
三、相关但不在本专题的文章
- Shopify Liquid 性能优化 — 主题代码层面的渲染开销、循环与资源加载
- Shopify 应用选择指南 — 装 App 之前先控数量、控性能成本
- Shopify Script Tag 弃用 — 旧式脚本注入的停用时间与迁移
- Shopify Horizon 主题系统 — 换主题前的评估要点
四、常见问题（FAQ）
Q：PageSpeed Insights 分数低，是不是一定要优化到 100 分？ A：不用。PageSpeed Insights 是单次实验数据，100 分不代表真实用户体验，应以 CrUX 真实用户数据为准；它给出的「未使用的 CSS / JS」等建议也可能不准，改之前先用 Chrome DevTools 核实。见 Web 性能优化指南。
Q：后台的 Web 性能控制面板为什么没有数据？ A：常见原因是店铺仍有密码保护、访问量太少，或者刚上线不久。面板基于 CrUX 滚动 28 天窗口，首次出数约需 28 天；查看还需要「报告」员工权限。见 Web 性能控制面板使用指南。
Q：卸载 App 后店铺还是慢，怎么回事？ A：常见情况是应用卸了、脚本或 App Embed 没清干净。稳妥做法是先在主题副本里停用 App Embed 和 App Block，走一遍首页到结账的核心路径，观察 3–7 天再正式卸载；存有客户数据的应用要先确认数据导出。见 Shopify 应用体检。
Q：产品图片多大合适？ A：Shopify 单张最大支持 20 MB，但实际建议远小于此：产品主图 200–500 KB、Banner 大图 500 KB–1 MB，同一店铺保持统一比例。首屏 Hero 图建议压到 250 KB 以内并且不要加懒加载。见 产品图片优化指南 和 Shopify 商店性能优化。
小结：性能优化专题按「看数据 → 修 LCP 与图片 → 清理 App → 建监控和预算」的顺序组织。指标口径和后台入口可能随 Shopify 更新调整，以文中标注的更新日期和官方说明为准。