Force WebP mode should only be used if local copies of your images do not exist. For example, if you have offloaded your images to Amazon S3, and have removed the images from your Bluehost server, then you would need Force WebP.
Since you have a CDN, there are two important things to keep in mind:
1. Your CDN must support varying the content based on the “Accept” header–this is how browsers will tell the CDN and your website that a WebP image should be delivered.
2. If your CDN doesn’t support varying the content, you’ll end up sending WebP to non-WebP browsers or vice versa. In such cases, you should use JS WebP instead, which will actually change the URLs in your page so that all browsers get images they can load.
We have more info on WebP delivery, including CDN usage, in our docs: https://docs.ewww.io/article/16-ewww-io-and-webp-images
Hi,
Thanks for your reply. It seems that on other pages, the images are webp. But the majority f our images are, for example, the ones on the homepage.
Is there any way to force webp?
I checked a bunch of the images on your home page, and there are no WebP versions for them, which is somewhat surprising, but not impossible.
So I took one of those images:
https://outstandingcarehomes.co.uk/media/cache/images/2021/06/minchenden-lodge-new-front/minchenden-lodge-new-front-3856241747.jpg
And uploaded it to my own site, and it converted to WebP with 31 kb savings. So we know that image doesn’t need Force WebP, and like I said, you should not use Force WebP unless you’ve removed all the local images from your server. Based on your URL structure, that seems pretty unlikely, but feel free to blow up my assumptions 🙂
So let’s backup here a bit, and see if we can get to the root of things.
When you enabled WebP conversion in EWWW IO, had you already optimized some images?
If so, then you need to run the bulk optimizer with Force Re-optimize and the WebP Only options. This will ensure that EWWW IO has generated WebP images for every image that should have them.
If you want to get more aggressive, you can even enable Ludicrous Mode (which I think you did) and decrease the default WebP Quality Level to 70 (or lower).
If you go to:
https://outstandingcarehomes.co.uk/care-homes/woodlands-residential-care-home/
You will see that the main banner is converted to webp
The images at home and for a lot of pages are not converted at all.
When I first installed this plugin, I didn’t force webp, nor even tried anything in the Ludicrous mode. But when I enabled Ludicrous and enabled a few settings, seems that it really didn’t do anything.
But to answer your question, yes I have used optimole, and a few other plugins.
And that’s why I did force reoptimize and checked webp only in the beginning. In fact, I ran that 3 times to see if I wasn’t going crazy 😀
I used 85 on webp quality.
I will disabled force webp now, but it’s strange that the majority of the images arent using webp. I want to force it.
-
This reply was modified 4 years, 12 months ago by
knambio.
Okay, that doesn’t sound normal, can you grab the debug info from the support tab and post it via pastebin.com please?
Alright, so that sheds a bit of light on how things are setup. Oddly, it says your uploads directory is /media/ but most of your images are coming from /wp-content/.
But looking at the image paths shows a pattern:
Any image within the /wp-content/uploads/YYYY/DD/ folders has a WebP version. Those directly in the /wp-content/uploads/ folder (like https://outstandingcarehomes.co.uk/wp-content/uploads/best-care-homes-bg-image.jpg) do not. Additionally, there are a ton of images in /wp-content/uploads/cache/images/ that do not have WebP versions.
So that leads us to two questions:
1. Is https://outstandingcarehomes.co.uk/wp-content/uploads/best-care-homes-bg-image.jpg in the media library? If not, you probably need to add /home4/kfeujzmy/public_html/wp-content/uploads/ to the Folders to Optimize which will force EWWW IO to do a “low-level” scan for images (when you run the bulk optimizer again).
2. What is that cache/images/ sub-directory? Why is it there, and is it necessary?
Adding the uploads/ folder into Folders to Optimize will solve #2 also, but that seems a little less than ideal to have copies of all your images in both folders. Then you’ll also have WebP versions of everything, which seems like you’ll end up with 4 copies of every image, and that just feels… wrong. Plus you’ll also need Scheduled Optimization to regularly scan the cache/images/ folder, and scanning that many images hourly might not be feasible–depends on your web host, PHP timeouts, etc.
Regarding the path, it was ‘media’ as I was using wp hide plugin to hide wp paths. But I reverted back to original wp hence wp-content is showing again. I reverted back because I thought that wp hide plugin was conflicting with the files. I just want to make sure the theme and WordPress in general is as original as possible to find the issue.
But still doesn’t work. What’s weird though is I’ve re-uploaded our logo again, and this time it was converted to Webp. Before it wasn’t.
I’m also using a caching plugin, wp otimize. I have disabled that to test but still doesn’t convert all images to Webp.
Again, the issue isn’t that your plugin doesn’t convert any. The issue it it doesn’t convert EVERY image even when I manually run bulk optimizer using ‘Webp only’.
Right, that’s exactly what I was trying to get at. It doesn’t convert every image because those images, even though they are in the uploads/ folder, are not in the Media Library. The Bulk Optimizer only scans the Media Library and a handful of other folders by default.
If you upload a file via FTP or file manager right into the uploads/ folder, and don’t use the WordPress uploader, then that image isn’t in the Media Library, and won’t be detected by EWWW IO (by default).
Likewise, that’s why I was curious where that cache/images/ sub-folder comes from. That’s not “normal” WordPress behavior, so I’m pretty confident in saying those are copies of images from the Media Library. So the originals are likely converted just fine, as we’ve seen on several of your other images, but that cache folder is being skipped because the paths aren’t in the Media Library database/tables.
At any rate, like I said, if you want EWWW IO to do a full file-system scan of the uploads/ folder, you have to put /home4/kfeujzmy/public_html/wp-content/uploads/ into the Folders to Optimize setting (Ludicrous Mode->Advanced tab).
I’d try to disable that cache/images/ functionality first though, and I think that will help a ton.
Ok, I’ve done what you said to put the uploads folder for the full file-system scan and ran the bulk optimizer. I’ll let you know when done.
But this will convert all images (images that are used the website that are in the uploads folder) to Webp, right?
Yes, that will convert every image in the uploads/ folder to WebP (if the file size is smaller, of course).
worked! you’re amazing. and now no issue with gtmetrix and PSI! and increased the score.
I’ll definitely use your app for my projects from now on.
thank you!
