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 sebab penggunaa Google Font.
Saya rasa, semua Template blogger dikala ini memakai Google Font, begitu juga Galihdesign. Untuk kau yang memiliki persoalan tersebut, Galih punya solusinya.
Baca juga :
Sudah niscaya instruksi pemanggil diatas akan menciptakan Blog mu menjadi berat dikala Loading.
Kemudian aku menemukan cara lain yang lebih baik. Yakni dengan cara menambahkan Javascript sebagai bantuan. Kode nya menyerupai berikut ini.
Lagi-lagi hasilnya belum maksimal. Seperti pada kasus Fontawesome yang menjadikan Loading blog menjadi berat, aku balasannya menemukan solusinya sesudah mengintip salah satu Blog yang terasa ringan walaupun memakai Fontawesome.
Ini ialah 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 instruksi menyerupai gambar beikut ini.
3. Copy semua instruksi tesebut.
4. Masuk ke Blogger > Tema > Edit HTML.
5. Hapus instruksi Font yang kau gunakan.
6. Cari instruksi </head> atau sejenisnya. Paste instruksi font yang sudah kau copy sempurna diatas instruksi </head>.
7. Selesai.
Jangan ragu untuk memakai cara diatas. Karena hingga dikala ini itulah cara terbaik untuk mengatasi google font yang menciptakan loading blog terasa berat.
Jika artikel ini bermanfaat, silahkan klik tombol Share supaya teman-teman kau tahu. Dan jangan lupa untuk Subscribe supaya kau sanggup menerima notifikasi kalau ada artikel gres di Galihdesign. Sumber https://www.galihdesign.com/
Saya rasa, semua Template blogger dikala ini memakai Google Font, begitu juga Galihdesign. Untuk kau yang memiliki persoalan 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 menyerupai berikut ini.
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">Sudah niscaya instruksi pemanggil diatas akan menciptakan Blog mu menjadi berat dikala Loading.
Kemudian aku menemukan cara lain yang lebih baik. Yakni dengan cara menambahkan Javascript sebagai bantuan. Kode nya menyerupai 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 menjadikan Loading blog menjadi berat, aku balasannya menemukan solusinya sesudah mengintip salah satu Blog yang terasa ringan walaupun memakai Fontawesome.
Ini ialah 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=Quicksand2. Buka browser dan masukan alamat font tersebut. Maka akan tampil instruksi menyerupai gambar beikut ini.
3. Copy semua instruksi tesebut.
4. Masuk ke Blogger > Tema > Edit HTML.
5. Hapus instruksi Font yang kau gunakan.
6. Cari instruksi </head> atau sejenisnya. Paste instruksi font yang sudah kau copy sempurna diatas instruksi </head>.
7. Selesai.
Jangan ragu untuk memakai cara diatas. Karena hingga dikala ini itulah cara terbaik untuk mengatasi google font yang menciptakan loading blog terasa berat.
Jika artikel ini bermanfaat, silahkan klik tombol Share supaya teman-teman kau tahu. Dan jangan lupa untuk Subscribe supaya kau sanggup menerima notifikasi kalau ada artikel gres di Galihdesign. Sumber https://www.galihdesign.com/