How to Overcome Leverage Browser Caching Favicon     Edit

Kali ini Arlina Code akan berbagi tentang Cara Mengatasi Leverage Browser Caching Favicon di Blogger.


Favicon merupakan sebuah icon atau logo yang biasa kita temui pada sebuah situs, di Blogger sendiri sobat bisa menambahkan dan mengganti icon standar Blogger di blognya dengan icon custom buatan sendiri melalui widget di Tata Letak atau Setelan seperti gambar di bawah ini :


Leverage Browser Caching pada Favicon menjadi salah satu faktor penghambat kecepatan blog yang biasa saya cek lewat GTmetrix seperti ini :


Bagaimana cara mengatasinya? Silakan ikuti langkah mudah berikut ini.

Cara Mengatasi Leverage Browser Caching Favicon

Pertama, buka Blogger > Klik menu Tema > Klik Edit HTML > Kemudian cari kode di bawah ini

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

Ganti kode di atas dengan kode ini

<link href='https://cdn.statically.io/favicons/www.nama_domain.com' rel='icon' type='image/x-icon'/>

Edit kode yang ditandai, ubah dengan alamat blog sobat

Jika sobat ingin menambahkan cache data waktu Favicon dengan Statically yang secara default di set selama 1 hari, sobat bisa menambahkan parameter setelah nama domain untuk menambah cache data waktu yang berikut ini di set selama 1 tahun.

<link href='https://cdn.statically.io/favicons/www.nama_domain.com?cache=31556952' rel='icon' type='image/x-icon'/>

Kemudian klik tombol Simpan tema.

Dengan melakukan cara di atas memang efeknya tidak akan langsung terdeteksi, cek kembali lewat GTmetrix atau tools online lain setelah beberapa hari

Itulah dari Arlina Code tentang Cara Mengatasi Leverage Browser Caching Favicon, semoga bermanfaat bagi sobat semua dan wassalam.