Add deferred CSS loading

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>