用途：为 Shopify 店铺提供性能优化指导，涵盖主题速度、资源优化与 Core Web Vitals。适用时机包括优化主题加载时间、提升 Lighthouse 或 PageSpeed Insights 得分、降低 TTI 与 LCP、优化图片、实现懒加载、精简 JS/CSS、缩小 JS 包体积、改进 LCP/FID/CLS、实现缓存策略、优化 Liquid 渲染、缩短服务器响应时间以及改进移动端性能。
主要能力：图片优化（用 img_url 指定尺寸、srcset 响应式、loading="lazy"、预加载首屏图、WebP）；JavaScript 优化（defer/async、关键脚本内联、代码分割、移除未用代码、terser 压缩）；CSS 优化（内联关键 CSS、延迟加载、PurgeCSS 移除未用样式、cssnano 压缩、避免 @import）；字体优化（预加载、font-display: swap、系统字体栈、字体子集化）；Liquid 优化（缓存昂贵计算、用 limit、避免嵌套循环、优先 render 而非 include、按 section 作用域样式与脚本）；第三方脚本优化（异步加载、交互时加载、外观占位模式）；缓存（资源版本号、CDN、Service Worker）；Core Web Vitals 优化与性能监控（web-vitals、PerformanceObserver）。
使用方式：作为技能在对应优化场景中调用，依据资料给出的 Liquid 片段、命令与代码模式调整主题。可用命令示例：npm install terser --save-dev；terser theme.js -o theme.min.js -c -m；npm install @fullhuman/postcss-purgecss --save-dev；npm install cssnano --save-dev；npx cssnano style.css style.min.css。
适用场景：Shopify 主题性能审计与优化、移动端性能提升、第三方脚本影响治理。限制：资料未提供该技能的具体安装方式、收费与价格信息；实际效果需结合真实店铺环境测试。