Some images not loading

  • Resolved unyt

    (@unyt)


    1 year, 10 months ago

    Hi there,

    After updating to LSCache version 5.4, we encountered an issue on one of our websites. Some image srcsets on the site that use sizes such as 150×150 and 300×300 were either deleted from the server or not generated by LSCache’s image optimization.

    The problem is that the image srcsets attempt to load these missing image sizes, which fails. Additionally, the original full-size image often doesn’t load as a fallback.

    Currently, the only solution we found is to disable the plugin or caching settings. We have tried disabling various plugin settings, but only the cache setting seems to affect it.

    To reproduce the issue:

    1. Visit the provided link.
    2. Add products directly from that page instead of using the single product page.
    3. Hover over the cart or visit the cart page.
    4. The images will fail to load.

    If the images do load fine, I recommend trying another browser because they shouldn’t be loading. They often only load after visiting the single product page. Disabling the plugin or cache makes them load consistently, indicating an issue with LSCache.

    Report number: WYKMBLFQ

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

Viewing 9 replies - 1 through 9 (of 9 total)

  • If images are not loaded there only 2 possible causes:

    1. Source code in HTML Code is wrong

    or/and

    2. Image doesn’t exist.

    The images at the given URL don’t exist on your server.
    https://www.skyltlak.nl/wp-content/uploads/2022/06/rigo-overlakbare-kleurolie-2k-clear-5050-600×600.jpg

    Thread Starter unyt

    (@unyt)

    Sure, but that doesn’t explain why disabling Litespeed fixes the problem.

    Litespeed caching is doing something that causes these images to not load. Probably by adding srcsets with image urls / sizes that don’t exist on the server.

    The only thing I can think of is that these image sizes were never generated in the first place and litespeed is simply taking the known image sizes that were setup in wordpress / woocommerce and loading those sizes expecting them to exist on the server.

    Maybe regenerating all image sizes fixes the issue, but I have no idea how that will impact the existing images and pages etc. I’d have to test that out on a test server first.

    • This reply was modified 1 year, 10 months ago by unyt.

    Have you tried to regenerate missing images?

    Thread Starter unyt

    (@unyt)

    I’m in the process of setting up a staging site to regenerate all images

    Thread Starter unyt

    (@unyt)

    Tried regenerating all images, but for the majority it can’t find the path to the original image. Not sure why.

    Do you use cache plugin function for image optimizing?

    Thread Starter unyt

    (@unyt)

    We use litespeed to optimize our images + turn them into webp.

    LiteSpeed’s server (quic.cloud) for image conversion and optimization are sometimes overloaded. This can cause a delay in optimization and conversion. If there are any problems, check the current status at https://status.quic.cloud/

    Thread Starter unyt

    (@unyt)

    Anyways, thanks for the help.

    We’ll be re-uploading the images and hope for that it will generate the missing image sizes.

    Edit:
    After making a backup we regenerated all images which seems to have fixed it. Looks like LSCache was not the issue after all!

    • This reply was modified 1 year, 10 months ago by unyt.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Some images not loading’ is closed to new replies.