<script is="lazy-template"> (ready for review)

[collin]

@mparent61 If you link in bulbs-elements through your docker-compose.yml we'll be able to start testing out <script is="lazy-template">

[collin]

@kand @daytonn @spra85 @mparent61

We're working on page speed and want to be able to ship html content without having the browser engine parse it.

According to the spec, this would be the time to use a <template> tag, but IE11 is real cool and parses the contents of <template> elements. So that's out for a while.

But browsers won't parse the contents of a <script> tag if it doesn't recognize the type.

enter:

<script type="text/html">

Now, we want to customize this <script> tag to convert its contents into real-live elements on the page at-will.

So we define a custom extension of the <script> tag, is="lazy-template"

<script is="lazy-template" type="text/html">

There is another required attribute load-on

Page load loads when the window load event fires:

 load-on="page-load"

In view loads the content when the template comes into the viewport.

 load-on="in-view"

[mparent61]

Awesome, can't wait to try this out.

[spra85]

Do we want to leave this here if it's a no-op?

[collin]

Good catch.

[MelizzaP]

👍

[daytonn]

👍