Tips Meringankan Loading Font Awesome Menjadi Cepat

Font Awesome memang sering digunakan untuk menambahkan Icon pada Navigasi atau pada Back To Top Blog contohnya saja pada blog ini menggunakan Font Awesome yah selain mudah digunakan dan ngak ribet kalau dipasang juga. Saya juga suka dengan Font Awesome yah tapi ngak lama sih karena lagi mempelajari SVG jauh lebih ringan.

Untuk meringankan Load Font Awesome saya menggunakan Javascript agar Load pada Font Awesome menjadi lebih ringan tidak berat jika kamu akses blog ini pasti ringan ngak berat yah itu karena saya sudah Optimasi semua Tag pada Template ini tentu saja bukan hal sulit jika paham dengan benar kodenya.

Tutorial Load Font Awesome

1. Silahkan masuk ke Dashboard blog kamu blogger.com

2. Klik Template/Tema > Klik Edit HTML > Lalu kamu copas kode dibawah ini dan simpan diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
//]]>
</script>

3. Simpan Template/Tema

4. Selesai

Penjelasan pada kode diatas

//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

Kenapa kodenya tidak menggunakan http atau https? karena agar menyesuaikan dengan URL blog kita apakah http atau https.

https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

Jika menggunakan URL https belum tentu URL kita menggunakan https bisa saja http jadi itu akan memperlambat load Font Awesome sendiri dikarena berbeda URL

Nah jika dihilangkan si http dan https makan url nya akan otomatis menggikuti URL blog kita bisa menjadi http atau https itu akan mempercepat load Font Awesome dengan begitu Load tidak bakalan lama.

Share this post