Good afternoon
We have the following installed on our website
– Advanced Media Offloader for uploading images to R2
– EWWW Image Optimizer for image optimization and WebP creation
– WP Rocket
The question arises
how to properly configure WebP
and which module should integrate WebP into the template and which of them should properly load images?
1/ Who should properly load images
EWWW Image Optimizer or
WP Rocket or the template itself?
2/ Integrating images into the template
include them in the site theme and include them in
EWWW Image Optimizer?
3/ How to properly configure all 3 modules for correct operation, especially if all images are in R2 to speed up site loading
Specifically, when webp is enabled on the website, there are empty spaces and no images.
This is why we need you, the developers, to figure out how to configure it correctly and which module will be responsible for what in the settings and for what the website theme itself will be responsible for.
We have purchased 12 keys for websites, and it is important to understand how best to configure all websites to work with WebP and improve website speed metrics.
Currently, without WebP, the website takes a long time to load https://novusnews.co.uk/, and when WebP is enabled, there are often empty spaces.
Hi,
The combination of settings that you should try is:
For the theme settings under the block settings> thumbs on modules enabled the webp format – https://prnt.sc/JugAEpW8CwAv, then from template settings > image loading / layzload disable the lazyload – https://prnt.sc/4pqTwHya8Awa
Use those settings from ewww image optimizer – https://prnt.sc/DzMY6YynebbI
Then the WP Rocket can be set as in our guide https://forum.tagdiv.com/wp-rocket-and-newspaper-theme-optimization-guide/ but the lazyload option should be disabled
I hope this will help you!
Good afternoon,
we have configured everything as you instructed, but there are empty spaces on the website https://novusnews.eu/ and the photos are not displayed.
How can we diagnose the problem?
Hi,
The image problem seems to be related to this – https://prnt.sc/lEIr1taQWTpO. Those images that are not displayed have anextra extension webp, but this doesn’t exist; only the jpg format exists.
Good afternoon
What could be the reason that your module created webp and it was uploaded to R2
but it was not used for the main webp image on the news page?
Here is the news https://novusnews.eu/tech/sony-patents-soft-pause-solve-online-gaming-dilemma/
and there is an image https://cdn.novusnews.eu/wp-content/uploads/2026/02/sony.jpg.webp
but the code uses sony.jpg
https://gtmetrix.com/reports/novusnews.eu/AbvAoZeM/
Hi,
Ok, so I just checked this situation, and it appears that some images are being replaced with a WebP image (for example, https://novusnews.eu/tech/4-android-apps-you-should-delete-2026/), but not all of them. It’s possible that something else is interfering. I can see that the preloaded image is the WebP version, but it is not replacing the main image with the WebP format.
Please clear the object cache and all other caches. Also, exlude the featured image from lazyload. After that, log in using incognito mode and check if the correct version is being used.
Good afternoon
“Also, exclude the featured image from lazyload.”
How can this be done in the template or modules?
List of modules on the website mentioned above
Hi,
Right now, the lazyload should be enabled only in EWWW Image Optimizer exlude the element using this field – https://prnt.sc/z3c1Wk5I8KP1 add there:
tdb-featured-image-bg
tdb_single_featured_image
make sure each one is on a new line.
I hope this willl help
