refactors layouts for head, footer and post
This commit is contained in:
parent
e8e4ba4c3b
commit
e980cbedc8
21 changed files with 93 additions and 61 deletions
6
layouts/partials/footer/deferred-styles.html
Normal file
6
layouts/partials/footer/deferred-styles.html
Normal file
|
@ -0,0 +1,6 @@
|
|||
<noscript id="deferred-styles">
|
||||
<!-- // styles to be deferred:
|
||||
// https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
|
||||
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}/css/styles.css" />
|
||||
-->
|
||||
</noscript>
|
|
@ -1 +1,4 @@
|
|||
<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js" integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy" crossorigin="anonymous"></script>
|
||||
<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"
|
||||
integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy"
|
||||
crossorigin="anonymous">
|
||||
</script>
|
||||
|
|
18
layouts/partials/footer/load-deferred-styles.html
Normal file
18
layouts/partials/footer/load-deferred-styles.html
Normal file
|
@ -0,0 +1,18 @@
|
|||
<script>
|
||||
var loadDeferredStyles = function () {
|
||||
var addStylesNode = document.getElementById("deferred-styles");
|
||||
if (addStylesNode) {
|
||||
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>
|
Loading…
Add table
Add a link
Reference in a new issue