√ Cara Mengatasi Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web - AdityaTekno

Social Items

Cara Memperbaiki Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web
AdityaTekno.com - Cara Memperbaiki Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web. Mungkin anda pernah pernah menggalami masalah seperti ini setelah mengecek speed blog di PageSpeed Insights muncul pesan "Pastikan teks tetap terlihat selama pemuatan font web" atau "Ensure text remains visible during webfont load" di bagian diagnostik.
Cara Memperbaiki Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web

Pasti kebanyakan dari kalian di diamkan saja tanpa melakukan perbaikan karena bingung mau diapakan. Tapi tenang, disini saya akan membagikan cara memperbaiki masalah tersebut. Dan sebenarnya cara yang saya bagikan ini dapat anda baca di Forum Pengembangan seperti Google Developers.

Lalu, apa si maksud dari "Pastikan teks tetap terlihat selama pemuatan font web" ini?

Jadi, maksudnya yaitu saat anda atau pengunjung masuk ke blog maka ada beberapa font yang tidak terlihat saat sedang dimuat blog tersebut, disini google menyarankan kita agar font tersebut tetap terlihat saat masih dimuat bukannya dihilangkan.

Ada cara lain juga yang bisa anda coba untuk menghilangkan error tersebut yaitu dengan menghapus font webnya, tapi akibatnya adalah blog menjadi error seperti font atau icon tidak muncul atau font tiba-tiba jadi jelek.

Lantas apa yang harus dilakukan untuk menghindari permasalahan tersebut pada blog tanpa menghapus font webnya? Anda cukup simak tutorial ini dengan baik agar paham untuk memperbaiki "Pastikan teks tetap terlihat selama pemuatan font web".

Cara Memperbaiki Ensure text remains visible during webfont load


Pertama, anda buka Menu Tema >> Edit HTML.

Kemudian cari kode @font-face seperti dibawah ini atau yang mirip.
@font-face {
  font-family: 'Arvo';
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

Setelah ketemu, tambahkan kode font-display seperti contoh dibawah ini.
@font-face {
  font-family: 'Arvo';
  font-display: swap;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

Pastikan tambahkan kode font-display disetiap font yang muncul dipesan "Pastikan teks tetap terlihat selama pemuatan font web".

Simpan Tema.

Coba sekarang cek lagi di PageSpeed Insights, sudah hilang belum pesannya. Jika sudah hilang dan kecepatan blog lebih cepat dari sebelumnya, berarti sudah berhasil. Namun jika belum, tunggu 30 detik sampai 1 menit baru di cek kembali.

Demikian Cara Mengatasi Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web. Semoga tutorial ini bisa bermanfaat untuk anda. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com

Cara Mengatasi Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web

Cara Memperbaiki Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web
AdityaTekno.com - Cara Memperbaiki Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web. Mungkin anda pernah pernah menggalami masalah seperti ini setelah mengecek speed blog di PageSpeed Insights muncul pesan "Pastikan teks tetap terlihat selama pemuatan font web" atau "Ensure text remains visible during webfont load" di bagian diagnostik.
Cara Memperbaiki Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web

Pasti kebanyakan dari kalian di diamkan saja tanpa melakukan perbaikan karena bingung mau diapakan. Tapi tenang, disini saya akan membagikan cara memperbaiki masalah tersebut. Dan sebenarnya cara yang saya bagikan ini dapat anda baca di Forum Pengembangan seperti Google Developers.

Lalu, apa si maksud dari "Pastikan teks tetap terlihat selama pemuatan font web" ini?

Jadi, maksudnya yaitu saat anda atau pengunjung masuk ke blog maka ada beberapa font yang tidak terlihat saat sedang dimuat blog tersebut, disini google menyarankan kita agar font tersebut tetap terlihat saat masih dimuat bukannya dihilangkan.

Ada cara lain juga yang bisa anda coba untuk menghilangkan error tersebut yaitu dengan menghapus font webnya, tapi akibatnya adalah blog menjadi error seperti font atau icon tidak muncul atau font tiba-tiba jadi jelek.

Lantas apa yang harus dilakukan untuk menghindari permasalahan tersebut pada blog tanpa menghapus font webnya? Anda cukup simak tutorial ini dengan baik agar paham untuk memperbaiki "Pastikan teks tetap terlihat selama pemuatan font web".

Cara Memperbaiki Ensure text remains visible during webfont load


Pertama, anda buka Menu Tema >> Edit HTML.

Kemudian cari kode @font-face seperti dibawah ini atau yang mirip.
@font-face {
  font-family: 'Arvo';
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

Setelah ketemu, tambahkan kode font-display seperti contoh dibawah ini.
@font-face {
  font-family: 'Arvo';
  font-display: swap;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

Pastikan tambahkan kode font-display disetiap font yang muncul dipesan "Pastikan teks tetap terlihat selama pemuatan font web".

Simpan Tema.

Coba sekarang cek lagi di PageSpeed Insights, sudah hilang belum pesannya. Jika sudah hilang dan kecepatan blog lebih cepat dari sebelumnya, berarti sudah berhasil. Namun jika belum, tunggu 30 detik sampai 1 menit baru di cek kembali.

Demikian Cara Mengatasi Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web. Semoga tutorial ini bisa bermanfaat untuk anda. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo