Multipurpose theme documentation
Multipurpose Fashion Theme
Performance Accessibility
Multipurpose Fashion Theme
Theme: Multipurpose Fashion Theme
Performance
Best Practices
-
Images
- Use WebP where possible
- 1200–1600px width for hero images
- Add alt text
-
Lazy Loading
- Product and collection images use lazy loading by default
-
Apps
- Minimize apps to reduce scripts
-
Custom CSS
- Keep custom CSS minimal
-
Sections
- Remove unused sections from templates
Page Speed
- Use Shopify CDN
- Avoid blocking scripts
- Test with Google PageSpeed Insights or Lighthouse
Accessibility
Built-in Features
- Skip-to-content link
- ARIA labels on buttons and interactive elements
- Focus management in modals and cart drawer
- Semantic HTML (headings, lists, landmarks)
Recommendations
- Use descriptive link text
- Add alt text to images
- Ensure color contrast (WCAG)
- Test keyboard navigation and screen readers
- Use heading hierarchy (H1 → H2 → H3)