Multipurpose theme documentation
Multipurpose Fashion Theme
Performance Tips
Multipurpose Fashion Theme
Optimizing performance improves user experience, search rankings, and conversion rates. This section explains best practices to keep your store fast and efficient.
Target: Fast loading under 3 seconds
Recommended: Test performance before and after installing apps
Recommended: Test performance before and after installing apps
1. Optimize Images
- Use compressed images under 300 KB
- Prefer WebP format when possible
- Use correct image dimensions
- Avoid uploading oversized banner images
- Remove unused media from theme assets
2. Minimize Apps
- Install only necessary apps
- Remove unused apps completely
- Check for leftover app scripts after uninstall
- Test performance after installing new apps
3. Optimize JavaScript & CSS
- Avoid editing core theme files unnecessarily
- Add custom CSS in a separate file
- Reduce third-party tracking scripts
- Do not duplicate script includes
- Remove unused code blocks
4. Improve Core Web Vitals
Core Web Vitals impact SEO and user experience.
- Largest Contentful Paint (LCP) under 2.5 seconds
- First Input Delay (FID) under 100 ms
- Cumulative Layout Shift (CLS) under 0.1
5. Homepage Optimization
- Limit number of homepage sections
- Avoid multiple autoplay videos
- Use lazy loading for images
- Limit large animations
6. Shopify-Specific Optimization
- Use built-in Shopify CDN
- Enable image lazy loading
- Use metafields efficiently
- Keep theme updated to latest version
Common Performance Mistakes
| Mistake | Impact | Solution |
|---|---|---|
| Uploading 5MB banner image | Slow homepage load | Compress before upload |
| Installing too many apps | Excess JavaScript load | Remove unnecessary apps |
| Multiple tracking scripts | Slower first render | Consolidate tracking tools |
| Heavy autoplay videos | Mobile performance issues | Use static image fallback |
| Not testing mobile speed | Poor mobile experience | Test using performance tools |
Recommended Testing Tools
- Google PageSpeed Insights
- GTmetrix
- Shopify Online Store Speed Report
Final Recommendation
Performance optimization is an ongoing process. Regularly review your store after installing apps or adding new content to maintain optimal speed.