shopify-performance

Optimize Shopify store performance through image, asset, and Core Web Vitals improvements.

77|9|Updated Oct 10, 2025

Search Tags:#performance #cdn #liquid #shopify #image-optimization #core-web-vitals

One-click install

npx skills add https://github.com/henkisdabro/claudecode-marketplace --skill shopify-performance

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: shopify-performance
Source: https://github.com/henkisdabro/claudecode-marketplace/tree/main/shopify-developer/skills/shopify-performance
Command: npx skills add https://github.com/henkisdabro/claudecode-marketplace --skill shopify-performance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides practical guidance to accelerate Shopify stores through image optimization, asset handling, and Core Web Vitals improvements.

Core Features & Use Cases

Image & Asset Optimization: CDN sizing, responsive images, and modern formats.
JS/CSS Performance: Minification, deferral, and code-splitting ideas.
Liquid & Rendering: Liquid template performance tips and caching strategies.
Use Case: Reduce LCP by lazy-loading hero images and preloading critical assets.

Quick Start

Enable lazy loading for product images, preload hero images, and minify theme JavaScript assets; monitor Core Web Vitals in Lighthouse.