Cara Meringankan Google Font di Blogger

Cara Meringankan Google Font di Blogger -  Anggap kamu sudah melakukan optimasi pada CSS, Javascript, Fontawesome dan JQuery yang ada pada Template blog milikmu. Tapi masih ada satu hal lagi yang membuat Loading Blog menjadi berat. Yakni karena penggunaa Google Font.

Cara Meringankan Google Font di Blogger


Saya rasa, semua Template blogger saat ini menggunakan Google Font, begitu juga Galihdesign. Untuk kamu yang mempunyai masalah tersebut, Galih punya solusinya.

Baca juga :

Cara Meringankan Google Font di Blogger

Saat pertama kali menggunakan Google Font, saya menggunakan tag pemanggil standar seperti berikut ini.

<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">

Sudah pasti kode pemanggil diatas akan membuat Blog mu menjadi berat saat Loading.

Kemudian saya menemukan cara lain yang lebih baik. Yakni dengan cara menambahkan Javascript sebagai bantuan. Kode nya seperti berikut ini.

<script type='text/javascript'>
//<![CDATA[
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("https://fonts.googleapis.com/css?family=Quicksand");
//]]>
</script>

Lagi-lagi hasilnya belum maksimal. Seperti pada kasus Fontawesome yang menyebabkan Loading blog menjadi berat, saya akhirnya menemukan solusinya setelah mengintip salah satu Blog yang terasa ringan walaupun menggunakan Fontawesome.

Ini adalah cara terbaik yang sudah saya terapkan pada Blog Galihdesign.

1. Copy alamat font yang kamu gunakan, sebagai contoh, disini saya mengguanakan font Quicksand.

fonts.googleapis.com/css?family=Quicksand

2. Buka browser dan masukan alamat font tersebut. Maka akan tampil kode seperti gambar beikut ini.

Google font

3. Copy semua kode tesebut.

4. Masuk ke Blogger > Tema > Edit HTML.

5. Hapus kode Font yang kamu gunakan.

6. Cari kode </head> atau sejenisnya. Paste kode font yang sudah kamu copy tepat diatas kode </head>.

7. Selesai.


Jangan ragu untuk menggunakan cara diatas. Karena sampai saat ini itulah cara terbaik untuk mengatasi google font yang membuat loading blog terasa berat.

Jika artikel ini bermanfaat, silahkan klik tombol Share agar teman-teman kamu tahu. Dan jangan lupa untuk Subscribe agar kamu bisa mendapat notifikasi jika ada artikel baru di Galihdesign.
Tampilkan Komentar

Mohon untuk menggunakan bahasa yang baik dan benar.
EmoticonEmoticon