title: PageSpeed Insights and blocking css > not getting anywhere
body: <p>By now I have tried a lot of different things to get a better CSS score at PageSpeed Insights.</p>
  
  <p>The critical css is inline, in the header and is okay. But the big style sheet is considered blocking. </p>
  
  <p>I have tried and failed with the <a href="https://github.com/filamentgroup/loadCSS" rel="nofollow noreferrer">rel method</a> (followed recommened example and checked it with the demo) and the method down below. The rel was working and so is the code below, but PageSpeed Insights is still saying it is blocking. Is there anything else I could try? </p>
  
  <pre><code>    &lt;script&gt;
          var loadCSSFiles = function() {
              var links = ["//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css", "../styles-secondary.css"],
                  headElement = document.getElementsByTagName("head")[0],
                  linkElement, i;
              for (i = 0; i &lt; links.length; i++) {
                  linkElement = document.createElement("link");
                  linkElement.rel = "stylesheet";
                  linkElement.href = links[i];
                  headElement.appendChild(linkElement);
              }
          };
  
          var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
          if (raf) {
              raf(loadCSSFiles);
          } else {
              window.addEventListener("load", loadCSSFiles);
          }
      &lt;/script&gt;
  </code></pre>