Yes, you need to run a Bulk Optimize, the WebP images are not created “on demand” but only during a new upload or the bulk optimizer.
Thread Starter
sally
(@sallyruchman)
Thanks will try this out 🙂
Thread Starter
sally
(@sallyruchman)
Hello,
did the Bulk Optimize under Media for all Images again. But still no webp Images is created in my Uploads Folder. I was wondering do I have to define the Overide Options within wp-config?
EWWW_IMAGE_OPTIMIZER_WEBP – (true/false) Checks every PNG and JPG image to see if the WebP format is smaller. The original image is always maintained for non-WebP browsers, and you’ll need some sort of rewriting method to serve the new WebP images to supported browsers.
EWWW_IMAGE_OPTIMIZER_WEBP_FORCE – (true/false) Produce a WebP image for every PNG and JPG image, regardless of the file size. Typically, one would use this if your images are not served from the local server, but from a CDN or something of that nature.
EWWW_IMAGE_OPTIMIZER_WEBP_FOR_CDN – (true/false) Also known as JS (Alternative) WebP Rewriting, this is typically used when a CDN or proxy server is between your server and your visitors.
Thanks
Sally
Thread Starter
sally
(@sallyruchman)
Starting the Bulk Optimizer again now creates the webp Images inside the Upload Folder
-
This reply was modified 6 years, 9 months ago by
sally.
Thread Starter
sally
(@sallyruchman)
Hello,
when I check an image of the cached version of my website the noscript element JS (Alternative) WebP Rewriting is not shown. When I load the uncached version, noscript is correctly shown. Which .js or inline script do I have to exclude from minification to get it to work?
Thx
Sally
Thread Starter
sally
(@sallyruchman)
Can it be that EWWW automatically Lazy load Images?
Hi @sallyruchman,
You definitely need to clear the caches for JS WebP to kick in, but I think maybe you’re meaning that you have a caching plugin combining and minifying scripts/CSS. That said, based on your other thread, it seems maybe you already figured that part out.
You definitely don’t want the JS WebP script to be merged with other scripts. It is supposed to be inlined into the page so that images load as quickly as possible.
Otherwise, I can definitely see where it would almost appear like “lazy loading” if the inline script got merged with everything else.
We do also have a lazy load option, but that’s not enabled by default. You can check that out on the ExactDN tab.
At any rate, if you’re still having a delay, please send me a link to where you’re having trouble.
Thread Starter
sally
(@sallyruchman)
Hello,
thanks for your reply. I disabled Inline Script Minification just to be sure, but the loading issue is still present. You can see it on the Homepage and the featured Images. Also when loading the Website on Mobile, then first just the Meta Information are displayed, till the Images are loaded. I added my Website to the Profile Contact Info.
Thx
Sally
Thread Starter
sally
(@sallyruchman)
I saw in the EWWW includes Folder all the .js and 1 .css File, which ones should in your opinion be excluded, or which one could maybe made problems with Minification?
eio.js
exactdn.js
flag.js
jquery-ui-1.10.1.custom.css
lazysizes-post.js
lazysizes-pre.js
lazysizes.js
lazysizes.min.js
load_webp.js
load_webp.min.js
ls.print.js
ls.print.min.js
ls.unveilhooks.js
media.js
nextcellent.js
nextgen.js
resize_detection.js
webp.js
Thx
Sally
Since the WebP script is inlined, you can’t really exclude it individually. You would just need to turn off combining of inline scripts like you did already.
So initially I didn’t see any slowness until I throttled my connection down to “Fast 3G” in Chrome.
There are two things that seem to be causing an illusion of slowness. First, the ubermenu having images in it, means that all those images load before your featured image. I don’t recommend images in menus, as it tends to be distracting.
Then, as best as I can tell, the image doesn’t actually load any slower when JS WebP is active, it’s just that the page loads quicker, and the load time from the images is then noticeable.
I believe what happens is that the images are deferred enough that the browser starts loading JS/CSS earlier, thus enabling it to render the page quicker. That also causes the browser to have to wait on the images a bit, since you have over 200 resources loading on a single page: https://lemontrend.com/designers/interview-natalia-mazzei-zubillaga/
It sounds like you have a plugin active for combining scripts, so that would be a good help. And maybe you only turned that off while you were troubleshooting, not sure.
At any rate, like I said, the images don’t appear to me to actually load slower, it’s just relative to the load time of the page itself along with JS/CSS files being pulled in.
P.S. If you want WebP images without using JS, check out our ExactDN service: https://ewww.io/resize/
Thread Starter
sally
(@sallyruchman)
Thanks for your information, and update on this. I recovered yet the whole Page as before, difference webp / js rewriting not enabled, all other settings are the same. And yes its a difference, on the Homepage Logo and Banner directly loaded, Mobile Post Images directly loaded, Pages Post Grids, directly loaded. It seems for me that the JS Rewriting is not fast enough to load the Images, therefore I can unfortunately not use the JS webp rewriting solution for this.
Regards
Sally
