Possible wrong Handling of WebP
-
My Website haqs trouble with the WebP conversion since at least a month. It became sluggish one day and since more recently some images loaded only with high delay. This loading blocked the rendering until it was done. That resulted in reset of the contact form input after 10-15 seconds to empty values (the discovery of this was the actual reason why i started researching it).
My actual problem is or was the sluggish behavior of the website and the render blocking. It took me quite a while of researching and lots of luck (finding another thread with similar problem here) until i tried switching of WebP conversion.
I checked the html code of my website and found, that these image links of my website builder don’t get converted to webp. The ones where the quotes are written as ” are properly converted. But the rows where the quotes are written as " directly behing the file name are not converted.
style=”background-image: url("https://MyWebsite.de/wp-content/uploads/2022/02/TheBackgroundImage.jpg"😉
I assume that maybe the code of WPOptimize tries for a while to convert these images to webp and that this probably causes the delay and sluggish behavior of the website. Since my website has been done with a website builder long before i begun working here i cannot change it. The website will be replaced anyways and it can live happily without WebP until then. But i report it so that it may help finding the root of the problem.
-
Damn it. I give up, if there was a proper way to actually show code here i could explain it easier. But i get only smilieys, links and other stuff.
But wordpress forum designers are right. Who would want to dicuss or show code on a forum about website building stuff anyways?
I had the idea of trying the code field. This is the result. At least on this writing window that is messed up.
(“https://Website.de/wp-content/uploads/2020/05/This-Image-Does-Not-Work.jpg”)
Since we got 2 fierce and unusually seo intensive competitors fighting for first place in search engine i prefer not to share our companies websites name openly on a plattform were i plan to talk about our plugins, weaknesses and changes. If i could Mail or PM the link to you id gladly do it.
Here is a *txt file with the code: https://get.hidrive.com/VmMtLcXq Beside the anonymized file paths it is exactly how it is in the html file. Note the quote are once coded as word and once as real quote. Note that the file path with the word quote is not changed to jpg.webp and the image does not load while the path with the actual quote is correctly renamed to jpg.webp and the image loads fine.
When i turn WebP on WP-Optimize off on the mentioned toggle box all WebP is removed from code and all works as it should be.
Hi @arkt1234, can you please show you setting, how did you optimized the images, I had followed the same for my website and got the desired results
Here my Image Settings for WP-Optimize: https://get.hidrive.com/byCvYpwg
I checked your code and noticed it is completely different (.webp instead of .jpg.webp).
After that i checked my websites codes and settings again and noticed that in some subpages also other image name variations are affected. So i began assuming a plugin conflict and noticed those codes look like they are part of elementor. I switched off the elementor plugin (Elementor + Elementor Pro) and the problem was also gone. Looks like a conflict between Elementor and WP-Optimize.
Edit: With this new trace i began searching and i got the root cause quite fast: The Lazy Load Option of Elementor causes the conflict with webp handling of WP-Optimize!
Thanks for your help and getting me on the right track.
- The topic ‘Possible wrong Handling of WebP’ is closed to new replies.
