Skip to content

HTML template tag progressive content loader with minimal JavaScript

License

Notifications You must be signed in to change notification settings

ryanve/templace

Repository files navigation

templace

Progressively load template content via JavaScript. Useful for wrapping low-priority heavy content like iframe embeds such to load after initial page load and only when JavaScript is enabled. Gracefully degrades to noop.

npm install templace

usage

<template data-templace>
  <iframe src="..."></iframe>
</template>

Include script late in page for best performance benefits

<script src="templace.js" async defer></script>

Templacements happen automagically when the script loads or anytime you invoke the export

templace()

Normalize template CSS for browsers without support

template {
  display: none;
}

status

It's a simple minimum viable package with more granular features in consideration

demo

https://ryanve.github.io/templace/