Lazyload not working

  • Resolved Kiran

    (@kiran11more)


    2 years, 7 months ago

    Hi,

    sg optimizer’s image lazyloads feature not working.

    Also, we have enabled “Defer Render-blocking JavaScript” option, but the google page speed test still shows many links to defer.

    https://ibb.co/QDZq7F0

    Please Help.

    • This topic was modified 2 years, 7 months ago by Kiran.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Georgi Ganchev

    (@georgiganchev)

    Hello @kiran11more ,

    We tested your website and the lazy load feature is working as intended. Please specify how do you perform your tests and verify the results?

    Testing the render-blocking we found no issues what so ever:
    https://prnt.sc/ykYaMa1Ms-lj

    Keep in mind that 3-rd party sources loded from external URLs cannot be render-blocked.

    If you experience any trouble, you can test deactivating your nitro-cache and test again. Should you need further speed analysis, you are welcome to open a Site slow ticket through your SiteGround Client area.

    Best regards,
    Georgi Ganchev

    Thread Starter Kiran

    (@kiran11more)

    Hi there,

    for mobile speed test, i am seeing some of images not lazyloaded

    https://prnt.sc/9roulDi9nObB

    Plugin Support Vladimir Trandev

    (@vtrandev)

    Hello @kiran11more,

    I made a few tests on my end and it seems that the “Lazy Load Media” option is working as expected. For example, on the following page the images are lazy-loaded correctly -> https://escapeteamevents.com/wellness-events/:

    <img src="https://escapeteamevents.com/wp-content/uploads/2021/12/Celebrity-Ferne-150x150.png" data-src="https://escapeteamevents.com/wp-content/uploads/2021/12/Celebrity-Ferne-150x150.png" alt="" class="wp-image-255508 alignnone size-thumbnail lazyloaded" width="162" height="162">

    You can verify the above by right click over an image -> Inspect.

    However, have in mind that a noscript tag should be present after the initial image and lazy loading of CSS background images is not supported.

    I also confirmed that the “Deffer offscreen images” audit was passed successfully on Mobile

    https://prnt.sc/9bY3C8TO5CJd

    Regards,
    Vladimir

    Thread Starter Kiran

    (@kiran11more)

    Hello,

    I am having issue specifically in mobile pagespeed score, I can see “Defer offscreen images” warning in pagespeed insights. I am attaching screenshots of that. Also these images are not background images.

    https://prnt.sc/CjGq44EMAcnQ
    https://prnt.sc/st5lJOYFGfUP
    https://prnt.sc/_bLgNjKjI0HF

    Plugin Support Georgi Ganchev

    (@georgiganchev)

    @kiran11more

    The issue is related to a template configuration within your mobile theme version.

    The same images that are reported as not lazyloaded on mobile are Deferred successfully and not reported.

    The issues seem to be present only on your index page. All images within the subpages have the proper class=”lazyload”.

    Please consult further with your application developer.

    Best regards,
    Georgi Ganchev

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Lazyload not working’ is closed to new replies.