Lazy Loading causes page glitches

Hello there @stigzler

Could you please elaborate a bit more on this, as I don’t really get what’s the issue here. :/
When I visit your website now, I don’t really notice any major difference with the attached video. Please advise!

Thank you,
Dimitris

Watch the header bar with lazy loading turned on and off. When on – it jumps/glitches on initial load. You won’t see this on my website now, as I have it turned off. I was just trying to be helpful to your dev. I’m not bothered either way.

Hi @stigzler

I hope you are doing well.

This is happening because the LazyLoad forces the image when the page loads/scroll.

The container doesn’t a defined size which will cause this behaviour on your theme.

To fix it, you can contact your theme provider and check for a pre-defined size to avoid this resize, or disable the LazyLoad on your logo, the Logo is the first image that the website renders so there is no problem disabling the feature only for this image.

I checked your website, and I can see there a class custom-logo.

Navigate to Smush > LazyLoad, find the exclusion option and set the .custom-logo on the Classes & IDs option.

If you would like to speed up the LazyLoad script too, you can make it to load from the header, however, this may cause the remove-render blocking warning on Google.

https://monosnap.com/file/PR3ByZkHYv8WEG1IC7kIZgjseWJ04P

Let us know the result you got.
Best Regards
Patrick Freitas

Hello @stigzler

I’m closing this topic due to recent inactivity.
Feel free to post back any update and we can re-open it and carry on troubleshooting.
??

Thank you,
Dimitris