Serieswans.com - Favicon merupakan sebuah icon utama yang melambangkan logo dari situs webbsite atau blog dan muncul pada sisi kiri tab browser. favicon ini juga biasa di kenal dengan shortcut icon, websie icon, Bookmark icon aau URL Icon.
Pada umumnya, Favicon ini menggunakan sebuah gambar dengan format.ico dengan ukuran yang cukup kecil yaitu hanya 16x16 pixel. Walaupun ukunnya cukup kecil, gambar tetaplah sebuah gambar. masalah favicon ini sering kali jadi masalah ketika kita mengukur kecepatan loading blog di Gmetrix. ada cara untuk mengatasinya yaitu laverage browser caching dari Favicon.ico
 |
| Fix Laverage Browser Caching Favicon.ico |
Ada 2 cara untuk mengatasi laverage browser caching pada Favicon.ico yaitu dengan menggunakan teknik BASE64 dan Statically. Menurut saya jika menggunakan cara BASE64 ini, jangan kaget kalo ukuran Size HTML Blog anda akan bertambah, karena BASE64 ini menghasilakn URL yang cukup panjang untuk sebuah gambar.
Sedangkan cara Staticaly ini lebih simpel dan tidak terlalu berdampak pada size HTML blog anda, jadi jangan takut ukuran size HTML Blognya bertambah ya hehe. jadi saya menyarakan untuk menggunakan Staticaly ya. oleh karena itu disini saya hanya akan membuat tutorial dengan cara Statically saja.
Bagi anda yang ingin tau cara mengatasi laverage browser caching dari Favicon.ico ini, silahkan simak dengan baik langkah-langkah di bawah ini.
Cara Mengatasi Laverage Browser Caching Untuk Favicon.ico dengan Statically
- Pertama, jangan lupa login terlebih dahulu ke Blogger.com dan masuk ke menu Dashboard Blog
- Pilih menu Tema => Edit HTML
- Silahkan cari kode seperti berikut
<link expr:href='data:blog.canonicalHomepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>- Jika ada, silahkan anda rubah menjadi seperti ini
<link href='https://cdn.statically.io/favicons/www.serieswans.com' rel='icon' type='image/x-icon'/>- Kalo memang tidak ada silahkan langsung pasang saja kode di atas.
- Terakhir Simpan tema.
Jangan lupa Url www.serieswans.com ganti dengan alamat blog anda, tanpa menggunakan www juga bisa.
Ternyata sangat mudah ya, sebagai tambahan, anda bisa mengontrol lamanya cache untuk Favicon dengan teknik Statically ini. secara default, statically ini memberikan cache 1 hari. akan tetapi, anda juga bisa memberikan sebuah parameter untuk menambah lama cachenya dengan hitungan detik saja. di bawah ini adalah laverage browser caching Favicon.ico dengan cache 1 tahun (Tergantung selama anda tidak menghapus cache).
<link href='https://cdn.statically.io/favicons/www.serieswans.com?cache=31556952' rel='icon' type='image/x-icon'/>
Demikian pembahasan kali ini mengenai Cara Mengatasi Laverage Browser Caching Untuk Favicon.ico di Blog. Jika anda artikel ini bermanfaat, jangna lupa share juga ke teman-teman anda ya. semoga postingan ini bermanfaat.
6 komentar