Skip to main content
Ivhaa Design

follow us

Cara Mengatasi Loading Yang Lambat Dalam Penggunaan Font Awesome

Cara Mengatasi Loading Yang Lambat Dalam Penggunaan Font Awesome

Baca juga:


Nah terkadang kita bingung optimasi website atau blog sangatlah sulit, untuk blog yang menggunakan Font Awesome ini biasanya ada yang masih bingung cara optimalkan blog biar loading nya cepat.

Jika di amp kita menggunakan svg beda di blog yang masih HTML5 yang biasanya menggunakan font awesome. Tutorial kali ini saya akan membahas Cara Mengatasi Loading Yang Lambat Dalam Penggunaan Font Awesome.

Nah tidak usah basa basi lagi kita langsung aja mulai tutorial nya.

Cara Mengatasi Loading Yang Lambat Dalam Penggunaan Font Awesome

Seperti biasa kalian harus ada kode JQuary seperti ini, yang belum ada di pasang dulu, jika sudah ada lewati aja.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Simpan kode di atas ini tepat di atas kode </head>

Yang terakhir simpan kode di bawah ini di atas kode </body>
<script>
 // <![CDATA[
 $(window).bind("load", function() {
 var fontAwesome = document.createElement("link");
 fontAwesome.rel = "stylesheet";
 fontAwesome.href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
 document.head.appendChild(fontAwesome);
 });
</script>


Update 2018
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
window.addEventListener("load", function() {
    document.head.appendChild(link);
}, false);
</script>

Buat tutorial ini adalah menggunakan font awesome versi 4.7.0. Penjelasan kode di atas ini adalah tag link (https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css) saat loading di muat.

Selesai, selamat mencoba.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar