fading sail
Hello there! I notice that the final generated code from the image integration (<@&1055234544183287879>/image) applies lazy loading to all images, and I think that's great. I have some images that are above the fold, though, and I notice that the loading behaviour is applied to them too.
Is there a way I can circumvent lazy loading for a few select Image elements in the page?
Thank you in advance! 🙏
candid ice
Yes! You can set loading="eager" on the image component in places you want to avoid lazy loading.
fading sail
🤦♂️ an easy solution, thank you Chris!
rough notch
Yes! You can set `loading="eager"` on the image component in places you want to ...
if i have an Astro component that uses an image and is rendered on two different routes one needs lazy loading and one eager how to do that?
tender atlas
if i have an Astro component that uses an image and is rendered on two different...
You could use props to pass information to your component.