Images broken after enabling lazy loading

  • Resolved amrikjabbal

    (@amrikjabbal)


    5 years, 4 months ago

    Hi,

    When I enable lazy loading, most of the images got broken and image src becomes like –

    src = “data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==”

    Could you please help in fixing it.

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

  • @amrikjabbal,

    Could you please post a URL to your site?

    Best regards,
    Anton

    Hi, i have the same problem, after enabling lazy loading, one image broken, ulr: encata.net

    @pereanthostes,

    Could you please specify which image is not loading? At first glance, all the images seem to have loaded fine.

    Best regards,
    Anton

    I am having this same issue. I am not sure if you would prefer me to post this here or start a new thread, so please let me know if you prefer a new thread.

    The URL is https://neu.mic-berlin.de/ and the image is the first icon in the large buttons in the hero section at the top of the page. The button reads “Termin vereinbaren”. The difference between the way this image is set up and the other button icons, is that this one links to an image included in the theme, whereas the others are uploaded via the WordPress dashboard. I even tried excluding it from lazy load by adding it’s ID in the exclude Classes & IDs section, but the issue persists. If I turn off lazy loading, it reappears but I’d really like to use that feature.

    Thanks for your help.
    Laura

    Hi @lyeffeth,

    The image is showing fine for me. Could you please post a screenshot of how it’s looking for you?

    Best regards,
    Anton

    Hi Anton,

    Here you are: Screenshot

    The first of the four boxes (the one in pink) is missing its icon.
    It appears this way for me in Chrome, Safari and Firefox.

    Thanks,
    Laura

    @lyeffeth,

    Yep, I see the issue. This should be resolved in the upcoming 3.4.0 update, which we are already testing. For now, could you please add this ID to the exclusion list in the Smush lazy load module settings:

    #appointment-icon

    Best regards,
    Anton

    I already added the ID to the exclusion list. It had no affect.

    I was able to sort it out on my dev server by using an SVG image instead and excluding SVGs from lazy load completely, but I couldn’t exclude it by ID. That’s fine for my purposes (I just left it broken so you could see the issue) but maybe there’s another issue there.

    @lyeffeth,

    Thanks for reporting. I will test this out in more detail on my local install and make sure it works as expected in 3.4.0

    Best regards,
    Anton

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Images broken after enabling lazy loading’ is closed to new replies.