Deliver the WebP versions of the images in the front-end:
- Using the <PICTURE> tag syntaxEach <img> will be replaced with a <picture> tag that will also provide the WebP image as a choice for browsers that support it. Also loads the picturefill.js for browsers that don't support the <picture> tag. You don't need to activate this if you're using the Cache Enabler plugin because your WebP images are already handled by this plugin. Please make a test before using this option, as if the styles that your theme is using rely on the position of your <img> tag, you might experience display problems. You can revert anytime to the previous state by just deactivating the option.
- Without altering the page code (via .htaccess)Based on testing your particular hosting configuration, we determined that your server
serve the WEBP versions of the JPEG files seamlessly, via .htaccess. Open article to read more about this.