Mempercepat Loading Font Awesome

Mempercepat loading font awesome yang berikut ini sangat terkait dengan bagaimana meningkatkan loading blog dengan PageSpeed Insights. PageSpeed Insights adalah salah satu tool yang disediakan Google secara gratis untuk mengetahui kecepatan loading sebuah blog.

Loading blog yang ringan dan cepat menjadi dampaan semua blogger, karena menjadi salah satu indikator baik buruknya sebuah blog. Pengunjung yang terlalu lama menunggu loading sebuah halaman blog cenderung akan meninggalkan blog sebelum sempat membacanya merasa bosan dan tidak sabar.

Untuk itulah berbagai cara ditempuh untuk mempercepat loading blog menggunakan tool PageSpeed Insights ini. Oleh karena itu, kecepatan loading halaman blog menjadi sebuah hal yang amat penting.

Salah satu yang dapat memperlambat adalah adanya penggunaan font awesome. Hal tersebut saya sadari ketika saya mengganti tampilan template Blog Guns ini yang menggunakan font awesome yang tidak terdapat dalam template Blog Guns sebelumnya. Ketika saya buka di PageSpeed Insights ternyata loading blognya jauh dari yang diharapkan.

Dari tampilan gambar di atas diketahui bahwa font awesome menjadi salah satu penyebab menurunnya kecepatan loading blog. Setelah beberapa hari mencoba mengatasi masalah tersebut akhirnya saya mendapatkan cara mempercepat loading blog yang selama ini menjadi penyebab menurunnya kecepatan loading blog guns ini.

Cara mempercepat loading font awesome yang saya gunakan adalah dengan menambahkan Asynchronous JavaScript Awesome seperti dibawah ini.

<!-- Asynchronous Javascript for Awesome Start -->

<script type='text/javascript'>

  (function() {

   var css = document.createElement(&#39;link&#39;);

   css.href = &#39;//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css&#39;;

   css.rel = &#39;stylesheet&#39;;

   css.type = &#39;text/css&#39;;

   document.getElementsByTagName(&#39;head&#39;)[0].appendChild(css);

  })();

</script>

<!-- Asynchronous Javascript for Awesome End -->

Setalah saya memasang Script Asinkron Awesome tersebut hasilnya adalah seperti gambar di bawah ini.

Penyebab loading blog menjadi cepat setelah memasang Script Asinkron Awesome ini karena halaman dapat dimuat tanpa harus menunggu script selesai dimuat sepenuhnya, akhirnya loading blog menjadi cepat.

Demikian cara mempercepat loading font awesome ini, untuk mempercepat loading blog semoga berguna dan bermanfaat. Happy blogging!