From ecf36b469f44eb19634d8de71354dafe9e8216a6 Mon Sep 17 00:00:00 2001
From: Tony Blyler <tony@blyler.cc>
Date: Thu, 3 Nov 2016 15:04:28 -0400
Subject: [PATCH] Add deferred CSS loading

---
 layouts/partials/footer.html | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

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>