用途：诊断并优化 Shopify 主题性能，重点改善 Core Web Vitals 中的 LCP、CLS、INP，适用于页面加载缓慢、首屏主图被懒加载、Liquid 渲染耗时过长等场景。
主要能力：
- 修复 LCP 图片加载：将首屏主图从 loading: 'lazy' 改为 loading: 'eager' 并加 fetchpriority: 'high'，并在 theme.liquid 的 head 中按模板条件添加 preload 提示。
- 使用现代 image_url 过滤器替代已弃用的 img_url，配合 srcset 与 sizes 输出响应式图片，并显式设置 width/height 防止 CLS。
- Liquid 性能分析：在店铺前台 URL 后加 ?profile=true 启用 Liquid profiler，页面底部会显示各 snippet 的渲染耗时表。
- 字体加载优化：预加载关键字体并使用 font-display: swap，字体文件控制在 2-3 个以内。
使用方式：需具备 Shopify 主题编辑器或通过 CLI（shopify theme dev）访问主题文件；主题需采用 Online Store 2.0 架构（sections + JSON 模板）；使用 Chrome DevTools 或 Lighthouse 进行测量。
限制与常见错误：懒加载 LCP 图片会增加 3-5 秒 LCP；使用 img_url 无法生成响应式图片；渲染阻塞 CSS 会延迟 FCP；过多 Liquid include 标签会拖慢服务端渲染（建议改用 render）；图片缺少宽高会导致 CLS；字体文件过多会阻塞渲染。资料未提供具体收费、价格或平台支持范围等信息。