√ Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico di Blogger - AdityaTekno

Social Items

Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico
AdityaTekno.com - Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico di Blogger. Favicon sendiri yaitu ikon utama sebuah blog / web yang muncul pada sisi kiri pada tab browser dan merupakan logo dari blog / web tersebut. Favicon bisa juga disebut sebagai shortcut icon, blog / website icon, URL icon, atau bookmark icon.

Nah, Favicon pada umumnya menggunakan sebuah gambar dengan format .ico dengan ukuran yang cukup kecil yaitu 16x16 pixel. Meskipun ukurannya cukup kecil, gambar tetaplah sebuah gambar. Dan ini sering menjadi masalah di tool pengukur kecepatan loading blog yaitu leverage browser caching dari Favicon.ico.

Baca Juga: Cara Mempercepat Loading Blog Blogger

Untuk anda yang ingin mengatasi masalah dari leverage browser caching dari Favicon.ico ini silahkan bisa ikuti trik berikut.

Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico Menggunakan Statically


Pertama, anda langsung masuk saja ke Edit HTML Blog. Kemudian cari kode seperti ini atau yang mirip seperti kode dibawah ini.

<link expr:href='data:blog.canonicalHomepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>

Lalu ubah menjadi seperti ini.

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

Info:
Ganti www.namadomain.com dengan nama domain blog anda, bisa juga tanpa www.

Terakhir, Simpan Tema. Mudah Bukan?

Sebagai tambahan, anda bisa mengontrol lamanya cache untuk Favicon dengan Statically. Secara default, Statically memberikan cache 1 hari. Tapi, anda juga bisa memberikan parameter untuk menambah lama cache-nya dengan hitungan detik seperti berikut ini untuk cache 1 tahun (selama tidak clear cache).

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

Demikian Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico di Blogger. Semoga postingan ini bisa bermanfaat. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com

sumber:
https://www.kompiajaib.com/2019/08/mengatasi-leverage-browser-caching.html

Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico di Blogger

Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico
AdityaTekno.com - Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico di Blogger. Favicon sendiri yaitu ikon utama sebuah blog / web yang muncul pada sisi kiri pada tab browser dan merupakan logo dari blog / web tersebut. Favicon bisa juga disebut sebagai shortcut icon, blog / website icon, URL icon, atau bookmark icon.

Nah, Favicon pada umumnya menggunakan sebuah gambar dengan format .ico dengan ukuran yang cukup kecil yaitu 16x16 pixel. Meskipun ukurannya cukup kecil, gambar tetaplah sebuah gambar. Dan ini sering menjadi masalah di tool pengukur kecepatan loading blog yaitu leverage browser caching dari Favicon.ico.

Baca Juga: Cara Mempercepat Loading Blog Blogger

Untuk anda yang ingin mengatasi masalah dari leverage browser caching dari Favicon.ico ini silahkan bisa ikuti trik berikut.

Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico Menggunakan Statically


Pertama, anda langsung masuk saja ke Edit HTML Blog. Kemudian cari kode seperti ini atau yang mirip seperti kode dibawah ini.

<link expr:href='data:blog.canonicalHomepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>

Lalu ubah menjadi seperti ini.

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

Info:
Ganti www.namadomain.com dengan nama domain blog anda, bisa juga tanpa www.

Terakhir, Simpan Tema. Mudah Bukan?

Sebagai tambahan, anda bisa mengontrol lamanya cache untuk Favicon dengan Statically. Secara default, Statically memberikan cache 1 hari. Tapi, anda juga bisa memberikan parameter untuk menambah lama cache-nya dengan hitungan detik seperti berikut ini untuk cache 1 tahun (selama tidak clear cache).

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

Demikian Cara Mengatasi Leverage Browser Caching Untuk Favicon.ico di Blogger. Semoga postingan ini bisa bermanfaat. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com

sumber:
https://www.kompiajaib.com/2019/08/mengatasi-leverage-browser-caching.html
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo