image-optimization-cdn
OfficialOptimize product images for speed
Authorfinsilabs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses slow e-commerce storefronts caused by unoptimized product images, which are often the largest assets and negatively impact user experience and Core Web Vitals.
Core Features & Use Cases
- Automated Image Resizing & Conversion: Automatically resizes images to required dimensions and converts them to modern formats like WebP and AVIF for smaller file sizes.
- CDN Delivery & Lazy Loading: Serves images from a Content Delivery Network (CDN) close to the user and implements lazy loading for images below the fold.
- Use Case: Improve your store's Largest Contentful Paint (LCP) score and overall page load speed by ensuring all product images are efficiently delivered.
Quick Start
Implement the image optimization CDN skill for your Shopify store by using the img_url filter with size parameters and adding loading="lazy" to below-fold images.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: image-optimization-cdn Download link: https://github.com/finsilabs/awesome-ecommerce-skills/archive/main.zip#image-optimization-cdn Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.