Exclude Header from Lazy Loading

Hi, @litetim

Here’s a Report Number: IXHVUEAM

also, find settings’ screenshot: https://app.screencast.com/51mTJzX8KyfDJ

Thanks!

Hi, @qtwrk

When you launch or refresh the page, the header expands because there is a gray background in place of the logo, which is displayed before the logo image appears.

Although this gray background does not appear in the screen recording, it is displayed. I have already noticed this.
It is displayed for the logo in the form of a large square, as well as for all images on the page, and takes the form of that image.

I think this is due to the “lazy loading” of images.

That’s why I want to completely EXCLUDE the ENTIRE header, not just the logo image, from lazy loading. This is due to the header’s expansion behavior; the size of the gray background surrounding the logo is too large compared to the logo itself, which causes the header to expand to the dimensions of the gray square before returning to the normal, smaller size of the logo.

See the screen record: https://app.screencast.com/MrKPR7vsjJOfg

On the other hand, lazy loading for the body of the page is not a concern.

——-

Here’s the home page HTML:
https://ufile.io/ofglqma8
so you can inspect the page or see the code source.

Thanks,

Hi, @qtwrk

I tried many classes, but they don’t work!
I finally set image’s URL in “Lazy Load Image Excludes”, and then it works.

It seems like this CSS class exclusion feature doesn’t work!

Thanks!