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 "
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
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 :)