No, but seriously...why don't we have `<video loading="lazy">` yet?
@slightlyoff I wonder if it's relevant here that Google would naturally prefer that all the world's (public) videos be on YouTube, which likely has a JavaScript-based lazy loading implementation for embedded videos.
@matt Nah; I just think a lot of folks that are doing web platform features see each one as a heavy lift (they are!) and run out of steam. But it's the sort of thing the HTML editors or the W3C @tag should have absolutely demanded for consistency.

@matt Honestly if that was the case then they should've at least optimized the YouTube iframe widget. 1.2MB for a video embed?

(Source is https://www.zachleat.com/web/youtube-embeds/)

One YouTube Embed weighs almost 1.2 MBβ€”zachleat.com

A post by Zach Leatherman (zachleat)

Zach Leatherman

@slightlyoff
`preload=metadata` sounds like a sufficient default. I guess not all browsers use it.

Maybe add a lazy option for `poster`?

@slightlyoff , because there is a lazy load for JS and most of things is done by JS.

Extending the HTML with Declarative Custome Elements should do the trick even with JS disabled.

Otherwise w3c HTML expansion would grow forever

Declarative Shadow DOM  |  CSS and UI  |  Chrome for Developers

Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML.

Chrome for Developers

@niutech, template and shadow is not an answer for mylti-vendor code, <custom-element> is :p

https://github.com/EPA-WG/custom-element

GitHub - EPA-WG/custom-element: Declarative Custom Element

Declarative Custom Element . Contribute to EPA-WG/custom-element development by creating an account on GitHub.

GitHub

@niutech ,
Declarative Shadow DOM from https://web.dev/articles/declarative-shadow-dom
has nothing to do with Declarative syntax. It is still relying on JS to function. DCE would be the no-js answer.

#DeclarativeCustomElement

Declarative Shadow DOM  |  web.dev

Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML.

web.dev
@Suns No, DSD is not relying on JS. See my #PHOOOS demo using DSD: https://kodus.pl
Pure HTML Out-Of-Order Streaming

Pure HTML Out-Of-Order Streaming without JavaScript

@niutech , πŸ’“ htmlz, the base for #PHOOOS . Interesting concept. Still needs some polishing towards pure DCE.

Till this moment I thought only
<custom-element> covers no-js patterns of #DeclarativeCustomElement

@slightlyoff We have <πšŸπš’πšπšŽπš˜ πš™πš›πšŽπš•πš˜πšŠπš="πš—πš˜πš—πšŽ"> and <πš’πšπš›πšŠπš–πšŽ πšœπš›πšŒπšπš˜πšŒ="<πšŸπš’πšπšŽπš˜ πšœπš›πšŒ='...' πš πš’πšπšπš‘='𝟷𝟢𝟢%'></πšŸπš’πšπšŽπš˜>" πš•πš˜πšŠπšπš’πš—πš="πš•πšŠπš£πš’"></πš’πšπš›πšŠπš–πšŽ> without using #JS.