Solusi Mengatasi Loading Blog dengan Asynchronous Font Awesome

Kode Iklan Di Sini

Solusi Mengatasi Loading Blog dengan Asynchronous Font Awesome

Solusi Mengatasi Loading Blog dengan Asynchronous Font Awesome

sahabat BloggerNTT - salah satu cara agar loading blog menjadi cepat adalah dengan cara Asynchronous Font Awesome . Asynchronous Font Awesome dalam bahasa Indonesia juga disebut dengan sinkron font awesome , font awesome sekarang banyak di gunakan oleh kebanyakan blogger. Dan salah satu masalah klasik adalah pada saat loading blog yang memakan waktu. Apabila kita cek speed loading blog pada " google page speed" maka akan muncul pesan "menghilangkan javascript dan css yang memblokir perenderan di konten paruh atas" . Ini menyebabkan loading blog kita berkurang,

Oleh sebab itu, salah satu cara mengatasi loading blog pada font awesome adalah dengan cara kompress javascript.

Cara Mengatasi Loading Blog dengan Asynchronous Font Awesome

 Login ke akun blog Anda >> pilih Edit HTML >> cari kode </body>

lalu copy kode javascript di bawah ini dan taruh di atas kode </body>

<script type="text/javascript">
  (function() {
   var css = document.createElement('link');
   css.href = '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css';
   css.rel = 'stylesheet';
   css.type = 'text/css';
   document.getElementsByTagName('head')[0].appendChild(css);
  })();
</script>

simpa template Anda.

 UPDATE

 Anda bisa menggunakannya untuk link javascript. Cara penempatannya juga sama. Letakkan di atas kode </body> 



<script type="text/javascript">
  (function() {
   var css = document.createElement('link');
   css.href = '//link anda.js';
   css.rel = 'stylesheet';
   css.type = 'javascript';
   document.getElementsByTagName('head')[0].appendChild(javascript);
  })();
</script>



Berikut screen shot dari penerapan tips diatas.

Demo disini Mas Bro/Sista

sekian artikel , Solusi Mengatasi Loading Blog dengan Asynchronous Font Awesome

semoga bermamfaat !!!

sumber: http://www.gond3s.com/2014/05/asynchronous-font-awesome.html


You Might Also Like:

Disqus Comments