Lazy load images?

[alexgibson]

Many of the images here appear pretty far down the page and could benefit from lazy loading via loading="lazy"?

https://prod.future.prod.webservices.mozgcp.net/builders-challenge/
https://prod.future.prod.webservices.mozgcp.net/mieco/

[stevejalim]

@alexgibson Non FE Steve asks: it'd be good to chat about how we might support this in the context of a CMS-driven site -- would we have to add a way for page editors to mark an image as 'for lazy loading' or not, or will browsers just ignore `loading="lazy" if the image is in teh viewport at the moment the page is loaded. If it's the latter, this seems like a great easy win

[alexgibson]

I think we have some contentful logic in bedrock somewhere that says something like:

• Is this the first component being rendered in the page? If so, loading="eager"
• Else: loading="lazy".

Giving people the option is also a possible solution, although my guess is most editors may not understand web performance tricks like this.

[stevejalim]

Yeah it'd definitely be something better to automate than make the responsibility of an editor.