Mengatasi Render Blocking CSS Font Awesome

Hal ini saya bagikan karena pada blog saya ini juga mengalami Render Blocking pada Font Awesome yang telah saya gunakan. Setelah saya mencari tau bagaimana cara mengatasi Render Blocking tersebut dan akhirnya saya menemukan tutorial yang membahas cara mengatasi.nya. Cara ini sangatlah manjur untuk mengatasi Render Blocking CSS pada Font Awesome di blog.

1. Silahkan tambahkan kode berikut tepat diatas kode </body>

<script>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
//]]>
</script>

2. Setelah itu Simpan Template

Silahkan sesuaikan kode yang telah saya marking tersebut dengan Link CSS Font Awesome yang anda gunakan, Font Awesome yang saya gunakan adalah versi yang paling baru.

Selamat mencoba tutorial yang saya bagikan semoga bisa mengatasi masalah yang anda alami pada Render Blocking CSS Font Awesome.

http://www.kompiajaib.com/2014/12/mengatasi-render-blocking-css-font.html