Lazy Load not working

  • Resolved Dan

    (@dtrim)


    1 month, 3 weeks ago

    Hi,

    PageSpeed Insights keeps telling me about deferring off-screen images and I do have lazy load enabled, so why is it not working?

    I noticed in another post that .skip-lazy may be added but it’s not —?I have removed this from ‘Exclude CSS Classes from Lazy Load’ anyway but still no change.

    On mobile, it’s notifying me about the Latest News images, but on desktop it’s Meet the Team instead. I understand that different images would be below the fold on different screen sizes, but I can’t see why any of them would have an issue with lazy load.

    Cheers,
    Dan

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support daniellaivanova

    (@daniellaivanova)

    Hello @dtrim,

    I checked your website’s source code and it seems that indeed the loading="lazy" attribute is not present on your image tags. If the Lazy Load Media option is enabled in the Speed Optimizer plugin, there might be several reasons why the attribute is missing:

    • Other plugins might be interfering with the lazy loading functionality. Try deactivating other plugins one by one to see if the issue is resolved.
    • Some themes may not be fully compatible with lazy loading plugins. Check if your theme has built-in lazy loading support or if there are any known issues with the lazy loading plugin you are using.
    • Ensure that your WordPress, theme, and Speed Optimizer plugin are up to date. Sometimes, updates can fix bugs and improve compatibility.

    In case you need further assistance in resolving the issue with the lazy loading of the images on your website, you can always reach our Support team from your SiteGround Client Area and we would review the matter in detail for you.

    Best Regards,
    Daniela Ivanova

    Hi @dtrim,

    If you don’t mind, I would like to offer the following:

    1. Awesome website. Without lazy loading your images, your website loads very fast with no issues at my end (USA) on desktop, tablet, and mobile devices.
    2. Consider converting your images to the AVIF or WEBP format. Currently, they are JPGs. Converting your images will boost your website speed. I recommend the AVIF format.
    3. Based on the above and this useful tip, I would not lazy load your images. (Note: Aiming for a higher PSI score does not always yield a better frontend experience. A tough pill to swallow, but true.)
    4. Bonus Tip: To improve UX, make your main menu sticky.

    Hope this helps.

    Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.