Solusi Mengatasi Loading Blog dengan Asynchronous Font Awesome

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


7 comments
  1. Asrizal Wahdan Wilsa
    Dapet ilmu baru nih kang
    • Putra Kefa
      hehe :) semoga bermamfaat :)
  2. Bagus Prehantoro
    Kode CSS nya langsung taruh di atas </body> juga bisa
    • Putra Kefa
      bukan gan link file-nya yang css tapi pake render javascript lalu taruh di atas kode </body>

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

      Agan tinggal ganti pake link css/javascript-nya :)
  3. Niddul
    Njirr masuk pageone, Selamat kang, kayaknya member KBI ya?
    • Putra Kefa
      hehe..thanks sudah berkunjung :) kagak kok??
  4. laresawoo
    kok gak ngaruh ya untuk font aq pasang >.<