Skip to content

Instantly share code, notes, and snippets.

@lilumi

lilumi/deffered-styles.html

Last active September 29, 2021 19:21
Show Gist options
  • Save lilumi/1d98562e3e37fe42bbb041594ce5007a to your computer and use it in GitHub Desktop.
Save lilumi/1d98562e3e37fe42bbb041594ce5007a to your computer and use it in GitHub Desktop.
Download ZIP
Load deffered styles using js
Raw
deffered-styles.html
<noscript id="deferred-styles">
<link rel="stylesheet" href="/assets/styles/slick/slick-all.min.css" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
</noscript>
<script>
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment