Deferred CSS Styles - Faster html pages

deferred-styles.html

<noscript id="deferred-styles">
  <link rel="stylesheet"  type="text/css"  href="" />
</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('DOMContentLoaded', loadDeferredStyles);
</script>