Joseph Grainger

Thank you for the review and your support as we continue to improve performance in WordPress!

Thanks @arashtoo

This seems to be an issue with other page builders as well as WPBakery.

The plugin uses the_content filter to find and replace the jpg images with their WebP versions. However, because the HTML markup from page builders is different to that of the standard WordPress Gutenberg these images are not found and replaced.

We currently have a GitHub issue for the team to further explore and hope to resolve in future versions of the plugin.

Let me know if you have any other questions

Thanks

Hi @arashtoo

Thanks for getting back in touch.

Based on your latest response, the WebP images may be generated but not displayed on the frontend.

This could be due to the page builder WPBakery and how the content is generated for the frontend. We have had similar issues with other page builders.

Can you confirm if the WebP file is being generated by uploading a JPG file and updating the file URL to include the .webp extension?

For example, the WebP file is available at by replace uploads/2022/09/filename.jpg with uploads/2022/09/filename-jpg.webp.

If it’s possible to provide use with any links to posts/images that you are testing with this could be helpful.

If we can confirm that the WebP file is being generated on the server, we can start to narrow down the issue to either WPBakery or another plugin conflict.

Let me know if you have any questions

Thanks

Hi @vale0911

Thanks for getting in touch!

The plugin provides a filter where you can customise the image sizes to generate WebP. You can use the webp_uploads_image_sizes_with_additional_mime_type_support filter to add the additional image sizes you need.

Here is an example of how this can be used to add additional image sizes. The sizes array returned uses the image size name as the key and true as the value to have that image size generate a WebP version.

add_filter(
	'webp_uploads_image_sizes_with_additional_mime_type_support',
	function( $sizes ) {
		$sizes['allowed_size_400x300'] = true;
		return $sizes;
	}
);

Hope this helps!

Let me know if you have any other questions

Thanks

• This reply was modified 2 years, 6 months ago by Joseph Grainger. Reason: code formatting

Hi @damiendoherty

Work was underway on a core patch for this feature, however it has been paused due to wider feedback on the WebP core patch. Unfortunately, this means it will take some time before this is available as part of WordPress core.

I have just raised a new issue in our GitHub repo to review options to enable WebP images in templates as a plugin feature.

The team will review this there and consider for a future release.

Let me know if you have any other questions

Thanks

Thanks @shockadelica & @pbearne

I’ll mark this topic resolved.

Hi @suncoastorganics

When the image is uploaded the plugin will generate the WebP versions and the source URL for the WebP file is stored in the attachment metadata. The WebP file isn’t directly available in the media library.

Currently, the plugin only updates image references in the WordPress content and not in templates. As the product images on both the archive and product pages will be part of the template, and not the content, those images would not be updated to their WebP versions.

I have raised an issue in our GitHub repo to review options to enable WebP images in templates for the team to explore further.

Let me know if you have any other questions

Thanks

Hi @suncoastorganics

Thanks for getting in touch.

Currently, the plugin only replaces images with their WebP version in the page content. As the page you shared is an archive page and generated by a template, the plugin would not update these images with their WebP version.

You could test WebP is working by creating a post or page and adding a newly uploaded image to the content. You should see the WebP version of the image when viewing the post on the frontend.

However, It looks like you’ve uninstalled and removed the plugin. I’ll mark this topic as resolved, but let me know if you have any other questions.

Thanks

Hi @inesfreud

Thanks for getting in touch!

The plugin does not test for uptime or network performance. The Performance Lab plugin is focused on performance enhancements rather than measurement, however, this may become a feature in the future.

The modules released in plugin change overtime so it’s good to keep an eye on the features listed on the plugin page.

I’ll mark this topic as resolved, but let me know if you have any other questions.

Thanks

Hi @cpanjwani

Thanks for getting in touch!

After looking at the site shared I can see that the WebP images are being created, however they are not displayed on the frontend.

From what I can gather this is likely an issue with the Elementor page builder markup.

The Performance Lab plugin uses the_content filter to search for image tags with the wp-image-{ID} class name and replaces the image URLs with the WebP versions. The wp-image-{ID} class name is a standard WordPress core class name that can be found in Gutenberg content.

However, it appears the HTML generated by Elementor does not include this class name so the URLs are not replaced.

I have raised an issue in our GitHub repository for the team to further explore.

I’ll mark this topic as resolved, but let me know if you have any other questions.

Thanks