Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Meringankan Google Font Di Blogger

Cara Meringankan Google Font di Blogger -  Anggap kau sudah melaksanakan meningkatkan secara optimal pada CSS, Javascript, Fontawesome dan JQuery yang ada pada Template blog milikmu. Tapi masih ada satu hal lagi yang menciptakan Loading Blog menjadi berat. Yakni alasannya penggunaa Google Font.

 Anggap kau sudah melaksanakan meningkatkan secara optimal pada CSS Cara Meringankan Google Font di Blogger


Saya rasa, semua Template blogger ketika ini memakai Google Font, begitu juga Galihdesign. Untuk kau yang memiliki problem tersebut, Galih punya solusinya.

Baca juga :

Cara Meringankan Google Font di Blogger

Saat pertama kali memakai Google Font, aku memakai tag pemanggil standar ibarat berikut ini.

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

Sudah niscaya isyarat pemanggil diatas akan menciptakan Blog mu menjadi berat ketika Loading.

Kemudian aku menemukan cara lain yang lebih baik. Yakni dengan cara menambahkan Javascript sebagai bantuan. Kode nya ibarat 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 perkara Fontawesome yang menyebabkan Loading blog menjadi berat, aku jadinya menemukan solusinya sesudah mengintip salah satu Blog yang terasa ringan walaupun memakai Fontawesome.

Ini yakni cara terbaik yang sudah aku terapkan pada Blog Galihdesign.

1. Copy alamat font yang kau gunakan, sebagai contoh, disini aku mengguanakan font Quicksand.

fonts.googleapis.com/css?family=Quicksand

2. Buka browser dan masukan alamat font tersebut. Maka akan tampil isyarat ibarat gambar beikut ini.

 Anggap kau sudah melaksanakan meningkatkan secara optimal pada CSS Cara Meringankan Google Font di Blogger

3. Copy semua isyarat tesebut.

4. Masuk ke Blogger > Tema > Edit HTML.

5. Hapus isyarat Font yang kau gunakan.

6. Cari isyarat </head> atau sejenisnya. Paste isyarat font yang sudah kau copy sempurna diatas isyarat </head>.

7. Selesai.


Jangan ragu untuk memakai cara diatas. Karena hingga ketika ini itulah cara terbaik untuk mengatasi google font yang menciptakan loading blog terasa berat.

Jika artikel ini bermanfaat, silahkan klik tombol Share biar teman-teman kau tahu. Dan jangan lupa untuk Subscribe biar kau sanggup menerima notifikasi kalau ada artikel gres di Galihdesign.