Images not showing on iPad




Wordpress LScache Plugin: Images not showing on iPad

Last Updated on: Wed, 15 Apr 2026 00:00:02
Hi, Im having an issue with images not displaying on my homepage when viewed on an iPad. Having done some research online it looks as if this could be because Safari (the browser of choice on iPads) doesnt support webp images. However, I thought that the whole idea of webp and browsers that dont support the format was that there should then be a fallback to a jpg or png image instead. The images are optimised, and webp versions produced, by ShortPixel. In LSC I have Image WebP Replacement and WebP For Extra srcset set to On. The webp images are displaying correctly on my desktop using both Firefox and Chrome. Any suggestions? Thanks The page I need help with: https://richiesroom.com/ Hi, Could you please provide the report number ? Best regards, Hi qtwrk, The report number is VQFJEMZJ Thanks Hi, I have no idea why (I havent changed anything) but the images now show on the iPad. Is this some sort of caching/timing issue perhaps? OK, I take it back ? images have gone again! Its weird, the images (also webp) on other pages seem ok. Hi, I noticed one thing , you have cloudflare cache on which means , probably , when Chrome user visited this page and got webp images, then next time a Safari user accessed again , with CF cache that has webp content in it , then it shows webp image to safari which it doesnt support. I also noticed you have cache-control set on main home page, this is not a good practice unless your site content rarely change. Best regards, Hi, Yes, I do use CloudFlare. I see what you mean about the webp images being cached with CF. Is there any way around this? Or should I just abandon using webp? Im afraid I dont follow the second point (this is all pretty new to me). Would you mind providing a little more detail and suggest what I should be doing instead? Thanks Hi, root@test:$ curl -I -XGET https://richiesroom.com/ HTTP/2 200 date: Mon, 20 Apr 2020 18:31:14 GMT content-type: text/html charset=UTF-8 set-cookie: __cfduid=d70be12bed4e21cff9fcdb563d59ea5591587407474 expires=Wed, 20-May-20 18:31:14 GMT path=/ domain=.richiesroom.com HttpOnly SameSite=Lax Secure x-ua-compatible: IE=edge link: rel=https://api.w.org/ link: rel=shortlink x-litespeed-cache: hit vary: Accept-Encoding,User-Agent alt-svc: h3-27=:443 ma=86400, h3-25=:443 ma=86400, h3-24=:443 ma=86400, h3-23=:443 ma=86400 x-turbo-charged-by: LiteSpeed cache-control: max-age=259200 cf-cache-status: HIT age: 3252 expect-ct: max-age=604800, report-uri=https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct server: cloudflare cf-ray: 5870f0e98d9dd65d-MAD cf-request-id: 023a74e5f20000d65d1e832200000001Expand In this HTTP response header, there are 2 things you need to check cache-control: max-age=259200 cf-cache-status: HIT for cf-cache-status , I believe you have understood why this happens , as if Chrome user accesses it first, CloudFlare will cache page with webp image and then Safari user accesses it , it received webp link , and page broken. So at this point , you only have 2 options. 1. Disable CloudFlare cache which is the more appropriate approach , unless you have plugin that controls CF purge , that purges your cache when you update/publish post , otherwise your user will see out-dated content as the cache is still being served if you didnt purge it. 2. disable webp replacement. Second thing cache-control: max-age=259200 this header, will instruct browser to cache your page for 3 days Which means , if you post/edit your site , user wont be able to see the new content in 3 days (unless this is new user who never visited your site , or who force browser cache to be disabled or cleaned it.) Ideally , for a dynamic CMS site like WordPress, the page should have to be no-cache , as this post , it gives cache-control: no-cache, must-revalidate, max-age=0 header, so users browser wont cache the page. Best regards, Hi, Thank you so much for taking the time to explain this to me, I appreciate it In light of the information that you provided, I made some adjustments at CloudFlare. The images now appear on the homepage when looking at it on an iPad. I have to confess, I dont fully understand why the scenario only applied to the homepage and not all of the other pages with images (also in webp format) but at least it is working for now. Thanks again. Hi, Well , a piece of advice is that , when you have some kind of issue , or any kind of issue. try disable CDN first , and check on origin site, so this way you can know where the issue come from Best regards,



LiteCache Rush: Speed comes from using less, not from doing it faster



Reference