diff options
| author | Tony Blyler <tony@blyler.cc> | 2016-11-03 22:04:28 +0300 |
|---|---|---|
| committer | Tony Blyler <tony@blyler.cc> | 2016-11-03 22:04:28 +0300 |
| commit | ecf36b469f44eb19634d8de71354dafe9e8216a6 (patch) | |
| tree | 732b76ba00c24291374086243f3023f6ce4e6d78 | |
| parent | a3f29235f6c0798d15ac2b4cc8102a7df0c98e49 (diff) | |
Add deferred CSS loading
| -rw-r--r-- | layouts/partials/footer.html | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index ff3e76c..9c26e70 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -8,5 +8,21 @@ {{ end }} <a href="#top">Top</a> </div> + <noscript id="deferred-styles"> + <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}/css/main.css"/> + </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 = requestAnimationFrame || mozRequestAnimationFrame || + webkitRequestAnimationFrame || msRequestAnimationFrame; + if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); + else window.addEventListener('load', loadDeferredStyles); + </script> </body> </html> |