Postingan

Menampilkan postingan dari Desember, 2017

Cara Efektif Mengatasi Keterlihatan Teks Saat Pemuatan Font Web

Gambar
Ketika mengaudit website menggunakan webtool lighthouse seperti PageSpeed Insights dan Web.dev Measure , mungkin kita akan melihat beberapa kesalahan pada hasil audit yang ditampilkan, salah satunya adalah " Ensure text remains visible during webfont load " yaitu rekomendasi untuk memastikan teks tetap terlihat selama pemuatan font web dengan menggunakan fitur CSS font-display optional untuk memastikan teks terlihat oleh pengguna saat font web dimuat. Sebenarnya ada cara yang lebih efektif untuk untuk mengatasi permasalahan pemuatan font (Ensure text remains visible during webfont load). Tapi sebelum saya jelaskan lebih detail mari kita simak penjelasan berikut: Font atau webfont  merupakan file besar pada website, umumnya webfont membutuhkan waktu pemuatan (load) yang lama. Oleh karena itu beberapa browser memanipulasi pemuatan font dengan menyembunyikan teks sampai font selesai dimuat sehingga menyebabkan FOIT (flash of unstyled text) pada halaman web atau dalam bahasa