Skip to content

Instantly share code, notes, and snippets.

@thedaviddias

thedaviddias/Preload CSS - Not blocking CSS.html

Last active January 17, 2025 15:27
Show Gist options
  • Save thedaviddias/c24763b82b9991e53928e66a0bafc9bf to your computer and use it in GitHub Desktop.
Save thedaviddias/c24763b82b9991e53928e66a0bafc9bf to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. thedaviddias revised this gist Jun 6, 2017. No changes.
  2. thedaviddias created this gist Jun 6, 2017.
    9 changes: 9 additions & 0 deletions Preload CSS - Not blocking CSS.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    <link rel="preload" href="css/global.min.css" as="style" onload="this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="css/global.min.css"></noscript>

    <script>
    /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
    !function(a){"use strict";var b=function(b,c,d){function j(a){if(e.body)return a();setTimeout(function(){j(a)})}function l(){f.addEventListener&&f.removeEventListener("load",l),f.media=d||"all"}var g,e=a.document,f=e.createElement("link");if(c)g=c;else{var h=(e.body||e.getElementsByTagName("head")[0]).childNodes;g=h[h.length-1]}var i=e.styleSheets;f.rel="stylesheet",f.href=b,f.media="only x",j(function(){g.parentNode.insertBefore(f,c?g:g.nextSibling)});var k=function(a){for(var b=f.href,c=i.length;c--;)if(i[c].href===b)return a();setTimeout(function(){k(a)})};return f.addEventListener&&f.addEventListener("load",l),f.onloadcssdefined=k,k(l),f};"undefined"!=typeof exports?exports.loadCSS=b:a.loadCSS=b}("undefined"!=typeof global?global:this);
    /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
    !function(a){if(a.loadCSS){var b=loadCSS.relpreload={};if(b.support=function(){try{return a.document.createElement("link").relList.supports("preload")}catch(a){return!1}},b.poly=function(){for(var b=a.document.getElementsByTagName("link"),c=0;c<b.length;c++){var d=b[c];"preload"===d.rel&&"style"===d.getAttribute("as")&&(a.loadCSS(d.href,d,d.getAttribute("media")),d.rel=null)}},!b.support()){b.poly();var c=a.setInterval(b.poly,300);a.addEventListener&&a.addEventListener("load",function(){b.poly(),a.clearInterval(c)}),a.attachEvent&&a.attachEvent("onload",function(){a.clearInterval(c)})}}}(this);
    </script>