Image Service isn’t serving WebP
-
Hi, I test converted all the images in one blog post and it’s showing that they have been properly converted. However, wordpress is still serving the jpg files according to my browser’s Network: Headers view.
I’ve purged the cache a couple times as well as my CDN cache with no results. Any idea what might be going wrong?
Thank for the help!
The page I need help with: [log in to see the link]
-
Hello @ozzo75
Thank you for reaching out and I am happy to assist you with this.
I can see that some images are indeed converted to webp like:
https://x9u3a6k9.stackpathcdn.com/wp-content/uploads/2021/11/feat_img_pano.webp
However, some are not:
https://x9u3a6k9.stackpathcdn.com/wp-content/uploads/2020/01/outrecording_logo.webp
https://x9u3a6k9.stackpathcdn.com/wp-content/uploads/2020/01/outrecording_logo.jpg
Can you please confirm that all images are showing converted?
Also, can you try disabling the Browser Cache, save all settings and purge the cache and see if the status is changed as there is a possibility that cached images are showing in the browser?
Thanks!Thank you for the reply Marko.
This is strange. I’m still that particular image you linked (feat_img_pano) as a jpg, as well as all the other images on that page…unless if I’m looking in the wrong place for the info.
Here’s a link to a screenshot of my browser: Browser Screenshot
Assuming that’s the correct place I should be checking, it’s showing me the same info on multiple browsers on two different computers.
I disabled the Browser Cache and purged as you suggested. But seems it didn’t work. Any suggestions?
Thanks!
Hello @ozzo75
Thank you for your feedback.
You should check your Apache .htaccess file to see if the WebP rules are above any others that may conflict. Also, ensure that their VirtualHost (or global config) has .htaccess enabled via Options +Indexes. That should already be the case, so it may be the order of things in .htaccess.
Thanks!
Hello Marko,
Thanks! I’ll take a look. And just to be certain, you’re speaking of the .htaccess file that’s located in the root folder of the site or the one located in the public_html folder?
Hello @ozzo75
Thank you for yoru feedback.
The .htaccess should be in the root folder of your website:
public_html/yourwebsite.com/.htaccessAt the top of your website you should see:
# BEGIN W3TC WEBPThanks!
Hi Marko,
Ok, I just figured out the reason for the problem! But I’m not sure how to fix it. It’s an issue with Stackpath CDN. I turned it off in W3’s General settings and instantly all my images were served as Webp.Is there some setting with Stackpath that I should adjust that you know of?
Thanks!
Hello @ozzo75
Thank you for the information.
Can you please check the settings on Stackpath Dashboard: Sites>CDN, Make sure that the cache Lifetime is origin controlled, and purge everything from the CDN.
Next, go to your website dashboard and purge all cache in W3TC settings.
Let me know if this helps!
Thank you!Hi,
Ok, I checked it and it was already set on Origin Controlled. I played around with some of the other settings and nothing I did changed anything…I’m still poking around…Thanks for any other suggestions.Hello @ozzo75
Thank you for the information.
Please follow the steps below:
In your WP dashboard top admin bar, hover over the Performance, go to Purge Modules>CDN: All, and then hover over Performance again and Purge all Caches.Let me know when this is done so I can check the website.
Thanks!Hi Marko,
Ok, all purged as requested.
Thanks!
Sorry, I’m deleting this comment. There were webp images showing up, but it seems it was just my browser cache throwing some in occasionally. Everything still appears to be JPG.
Hello @ozzo75
Thank you for the information.
Can you please disable the Browser Cache and repeat the procedure with purging the CDN and the W3TC Cache?
Also, are you using any other plugin to optimize your images or lazyload?
Thanks!Ok, done.
And I was using “Adaptive Images for WordPress” and “Perfect Images (Retina, Thumbnails, Replace)” but I deactivated them a week ago when I first started troubleshooting. I haven’t re-activated them since. (on that note, I’ve also disabled all my plugins a few at a time to make sure there’s no conflict. That was a few days ago)
Also, I didn’t realize that I had Autoptimize handling the lazy-load for some reason and not W3. I’ve now switched it to having W3 handle it. I purged all the caches again after the switch.
It doesn’t look like anything has changed.
Thank you!
Hello @ozzo75
Thank you for the information.
Well, this is weird. I can see the images are uploaded as webp on Stackpath, however, once the Cache is purged it’s not showing the correct image type.
Have you disabled the Browser Cache and can you please share the .htaccess content?
Thanks!Hi Marko,
I was on a short holiday. Yes, the browser cache has been turned off for some days now. I double checked and it’s saying “Browser caching is currently disabled.”As for the .htaccess file, is there a secure way I can send that to you?
Thank you!
The topic ‘Image Service isn’t serving WebP’ is closed to new replies.