For optimal performance and maximum image optimization efficiency, use the following recommended configuration.
23.1 Recommended Settings #
- WebP Conversion → Enabled
- Conversion Scope → All Public Content
- WebP Quality → 80
- Lazy Load → Enabled
Why This Configuration? #
- Ensures full-site image optimization
- Balances visual quality and compression efficiency
- Reduces image payload size significantly
- Improves Core Web Vitals (LCP & CLS)
23.2 After Enabling #
- Clear cache
- Test image rendering across important pages
- Verify WebP delivery using browser DevTools → Network tab
In DevTools, confirm:
Content-Type: image/webp- Reduced image file size compared to original JPEG/PNG
23.3 Pro Tip #
- Regenerate WebP images after changing quality settings
- Test checkout and dynamic sections separately
- Combine with Gzip or Brotli for maximum performance impact
This configuration delivers the best balance between speed, efficiency, and image clarity.
