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


Comments

  1. Kode CSS nya langsung taruh di atas </body> juga bisa

    ReplyDelete
    Replies
    1. 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 :)

      Delete
  2. Njirr masuk pageone, Selamat kang, kayaknya member KBI ya?

    ReplyDelete
  3. kok gak ngaruh ya untuk font aq pasang >.<

    ReplyDelete

Post a Comment

۝ Peraturan dalam berkomentar :

☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

☭ Copyright © 2014 - 2015 - Anaktimor17 Blog® by Markus Kono ✓

Popular posts from this blog

Contoh Surat Lamaran Kerja di Indomaret Terbaru 2018

Cara Melamar Kerja PT. Musashi Auto Parts Indonesia 2019

Cara Melamar Kerja di PT Astra Honda Motor Secara Online