Tips Meringankan Loading Font Awesome Menjadi Cepat

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.
Show comments
Hide comments

2 Responses to "Tips Meringankan Loading Font Awesome Menjadi Cepat"

  1. gagal saya coba di blog saya gan. kode penutup HTML nya langsung berubah warna merah.

    ReplyDelete
    Replies
    1. pasang nya dah bener diatas kode </head>

      Delete

Centang kotak "NOTIFT ME" agar mendapatkan notifikasi melalui email ketika ada yang membalas komentar kamu.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Δ