VEzcwOIzJo2ocMRnvNfZmXylSxSqdBdXDBtRZkxw
Bookmark

Cara Mengatasi Laverage Browser Caching Untuk Favicon.ico di Blog

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
Cara Mengatasi Laverage Browser Caching Untuk Favicon.ico di Blog
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 + &quot;favicon.ico&quot;' 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

6 komentar

  • Syahrul Arul
    Syahrul Arul
    November 09, 2019
    Cara ngetes udah berhasil ato belum gimana??
    • Syahrul Arul
      Kurniawan
      November 10, 2019
      Silahkan cek di Google PageSpeed Insights dan Gmetrix untuk uji coba kecepatan . Tambhan 1 lagi yaitu dengan web.dev
    Reply
  • Kurniawan
    Kurniawan
    Oktober 23, 2019
    iya gan, membuat loading blog jadi cukup cepat, karena proses pemuatan gambarnya menggunakan cdn
    Reply
  • Kurazone Net
    Kurazone Net
    Oktober 22, 2019
    Syukurlah.. Dengan statically kini tak perlu khawatir lagi dengan kecepatan blog
    Reply
  • Anonim
    Anonim
    Oktober 11, 2019
    Mantab
    • Anonim
      Kurniawan
      Oktober 11, 2019
      Thanks gan, terima kasih sudah berkunjung
    Reply