外部「css」によるレンダリングブロックを回避するために「js」と非同期読み込みさせるコード

所謂…　<link type='text/css' rel='stylesheet' href='「CSS」の URL' />

…的に…外部「CSS」を読み込むと…レンダリングをブロックするので…

</body>　前で「CSS」と「JavaScript」を非同期読み込みさせるコード…

「CSS」と「JavaScript」を非同期読み込みするコード

<script type='text/javascript'>
(function(c,h){c.___gcfg={lang:&quot;ja&quot;};var f,g=h.getElementsByTagName(&quot;script&quot;)[0],b=function(a,d){if(!h.getElementById(d)){f=h.createElement(&quot;script&quot;);f.src=a;f.async=1;if(d){f.id=d}g.parentNode.insertBefore(f,g)}};
(function(b){var e=b.createElement(&quot;link&quot;);e.type=&quot;text/css&quot;;e.rel=&quot;stylesheet&quot;;e.href=&quot;「CSS」の URL&quot;;var a=b.getElementsByTagName(&quot;script&quot;)[0];a.parentNode.insertBefore(e,a)})(document);
  b(&quot;「JavaScript」の URL&quot;);
})(this,document);
</script>

読み込む「CSS」と「JavaScript」に合わせて…

「3行目」と「4行目」を…適宜追加して下さい…

Design jQuery jQuery / Extra Current-Label : JavaScript