All images are optimized, but when WebP versions aren’t being used

  • Resolved vlegates

    (@vlegates)


    3 months, 2 weeks ago

    In my image optimization dashboard, LiteSpeed Cache shows all images as being optimized, and I can see this is true in my WordPress media library as well. However, when I look at my page in PageSpeed Insights, it says that none of my images are using the WebP (optimized) version. Do I need to remove original backups for my pages to use the optimized versions of my images?

    Additionally, I am using background images on a significant number of my pages. How do I make the optimized versions apply to these images as well? I have seen a lot of forums say that WebP cannot be used for background images but would like some additional information on why this is or isn’t possible, and any other workarounds.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 16 through 23 (of 23 total)
  • Thread Starter vlegates

    (@vlegates)

    So I need to manually check every image size in PageSpeed to see if that image size has a webp version?

    Plugin Support qtwrk

    (@qtwrk)

    usually , if it’s loaded by <img or background-image() , it will be replaced , if it didn’t replace in PSI report , then it’s most likely it doesn’t have webp version.

    Thread Starter vlegates

    (@vlegates)

    My problem is that they aren’t replacing, even if the webp version exists

    Thread Starter vlegates

    (@vlegates)

    And some images, even if they are the same exact image and same exact size, show the webp version being used on desktop but not on mobile

    Plugin Support qtwrk

    (@qtwrk)

    on 2 of your images showing up

    the first one doesn’t have webp version

    the second one is because it is loading by an external CSS file, instead of from HTML source code , so it didn’t get filtered for replacement

    you can try add this code to your .htaccess , it should help 


    RewriteCond %{HTTP_ACCEPT} "image/webp"
    RewriteCond %{REQUEST_FILENAME}.webp -f
    RewriteRule ^(.*).(jpg|jpeg|png|gif) $1.$2.webp [T=image/webp,L]
    • This reply was modified 3 months, 2 weeks ago by qtwrk.
    Thread Starter vlegates

    (@vlegates)

    I’m not super experienced with code. In my file manager I have a .htaccess and also a .htaccess1 file. Which of these files do I add it to? And is there a specific section I need to add it to, or just the end of the code?

    Plugin Support qtwrk

    (@qtwrk)

    the .htaccess , put it at top of it

    Thread Starter vlegates

    (@vlegates)

    That unfortunately did not work, so I’m just going to convert my images to webp before uploading. I feel that I have more control over the outcome of that. Thank you for all your help regardless

Viewing 8 replies - 16 through 23 (of 23 total)
  • You must be logged in to reply to this topic.