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

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
  • 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.

Questions? Chat with us.

Ask questions about the theme docs

Hi! I'm your theme documentation assistant. Ask me anything about the Multipurpose theme setup, sections, or settings.

AI answers from theme docs