Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web

Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web

Adam Muhammad Rodo

Bagi sedikit informasi biografi untuk mengisi profil Anda. Ini akan ditampilkan kepada publik. Bagi sedikit informasi biografi untuk mengisi profil Anda. Ini akan ditampilkan kepada publik.
Adam Muhammad Rodo

Pastikan Teks Tetap Terlihat Selama Pemuatan Font Web – Kecepatan merupakan hal penting dalam SEO suatu website ketika ini. Dengan mempunyai kecepatan loading yang baik, peluang untuk meraih lebih tidak sedikit pengunjung pun ssangat besar. Di samping itu, penghasilan iklan pun bakal jauh lebih besar.

Mungkin kalian telah pernah menggalaminya dan di diamkan saja tanpa melukan perbaikan nah teknik yang saya pakai sebenarnya bisa kalian baca di Forum Pengembangan seperti Developer Google seringkali saya nangkring disana.

Hal ini pun sudah disebutkan oleh Google AdSense dalam sejumlah kesempatan bahwa semakin cepat situs akan semakin bagus iklan.

Maksud dari “Pastikan teks tetap terlihat selama pemuatan font web” ini ialah saat anda atau pengunjung masuk ke blog maka ada sejumlah font yang tidak terlihat ketika sedang dimuat blog tersebut, disini google menganjurkan kita supaya font itu tetap terlihat ketika masih dimuat bukannya dihilangkan.

Ada teknik lain pun yang dapat kalian coba guna menghilangkan error itu yaitu dengan menghapus font webnya namun akibatnya ialah blog menjadi error seperti font tidak hadir atau font tiba-tiba jadi jelek.

Cara Optimasi PageSpeed Insights

Yang tentu kalian tidak hendak menghapus kode itu saya yakin tersebut dengan adanya font dapat menciptakan blog menjadi lebih unik dan tampak bagus, kemudian apa yang mesti dilaksanakan untuk menghindari permasalahn itu pada blog kalian ? Kalian lumayan simak tutorial ini dengan baik supaya paham untuk menanggulangi “Pastikan teks tetap terlihat selama pemuatan font web”.

Maka kali ini, saya bakal membahas teknik memperbaiki masalah kecepatan pada poin terakhir, yakni Ensure text remains visible during webfont load atau Pastikan teks tetap terlihat selama pemuatan font web.

Jadi kita tak perlu berpanjang lebar lagi ya, secara singkat dan sederhananya, kita hanya perlu menambahkan seiprit kode yakni display:swap; pada setiap sebelum ataupun sesudah font-family pada css. contoh…;

@font-face {font-display:swap;  font-family: ‘Poppins’;   font-style: normal;   font-weight: 400;}

Begitu juga jika penggunaan font-family berupa link pada halaman HTML, kita hanya perlu menyematkan info display=swap di dalamnya. contoh…;

<link href=”https://fonts.googleapis.com/css?family=Roboto&display=swap” rel=”stylesheet”>

Setelah semua font-family sudah berdampingan dengan display:swap, selanjutnya kita lakukan lagi pengecekan di halaman pagespeed insights. Sudah semestinya poin “Pastikan teks tetap terlihat selama pemuatan font web” sudah masuk ke barisan berwarna hijau.

Dan secara otomatis rate persentase nya akan bertambah yang menandakan halaman blog kita sudah teroptimasi lebih baik daripada sebelumnya.