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.
Saya rasa, semua Template blogger ketika ini memakai Google Font, begitu juga Galihdesign. Untuk kau yang memiliki problem tersebut, Galih punya solusinya.
Baca juga :
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.
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.
2. Buka browser dan masukan alamat font tersebut. Maka akan tampil isyarat ibarat gambar beikut ini.
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.
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 JQuery di Blogger
- Cara meringankan Fontawesome di Blogger
- Cara meringankan CSS dan Javascript di Blogger
- Cara Menghapus CSS Bundle Blogger
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.
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.