Shopify Performance Optimizer

•
32
•

Optimizes Shopify store speed and Core Web Vitals through efficient Liquid rendering, asset management, and advanced caching strategies.

The shopify-performance skill provides specialized capabilities for diagnosing and resolving speed bottlenecks in Shopify storefronts. It covers a wide range of optimizations including Liquid template refactoring to reduce server-side rendering time, advanced image handling using Shopify's CDN transforms, and remediation strategies for Core Web Vitals like LCP and CLS. Whether working on traditional Liquid themes or modern Hydrogen headless builds, this skill enables Claude to implement high-performance patterns like streaming SSR and intelligent caching to ensure a fast, seamless shopping experience that boosts SEO and conversion rates.

Key Features

01Liquid template optimization including loop flattening and render tag migration
02Comprehensive Core Web Vitals (LCP, CLS, INP) auditing and remediation
03Non-blocking asset management for CSS and JavaScript delivery
04Hydrogen-specific caching strategies and streaming SSR implementation
0532 GitHub stars
06Automated image optimization using responsive srcsets and lazy loading

Use Cases

01Reducing page load times and improving Shopify Theme Speed Report scores
02Fixing layout shifts and interaction delays to improve search engine rankings
03Optimizing headless storefronts built with Hydrogen for better caching and performance