Disable lazyloading above the fold content

[jollydodo]

Hey,

I'm wondering if there is an easy way to not lazy load content that is above the fold as this is best practise for web design. We now get a lot of content shift in the viewport, because all images lazy load by default. I've check the image / figure shortcode and found that I could simply add "loading="eager"" in the shortcode. When deployed, I indeed see "loading="eager"" in the html, but it doesn't really seem to work. I think it is because of these classes: blur-up lazyloaded ls-is-cache that continue to be added. Do you perhaps have an inside on how to best handle this for above the fold pictures so that we don't get a lot of Cumulative Layout Shift and flickering for images that are loading.

[jollydodo]

there were some caching issues. the eager loading does seem to work, but the blur filter in the css class causes irregularities when unsetting in Safari and Chrome on dark mode. Simply removed the blur filter for now.