Lazyload not working

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

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

• This reply was modified 4 years, 2 months ago by Vladimir Trandev.

@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