Cara Mengatasi Laverage Browser Caching Untuk Favicon.ico di Blog

Daftar isi [Tampil]
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.
SHARE Pin Share
Show comments
Hide comments

6 Komentar untuk "Cara Mengatasi Laverage Browser Caching Untuk Favicon.ico di Blog"

  1. Balasan
    1. Thanks gan, terima kasih sudah berkunjung

      Hapus
  2. Syukurlah.. Dengan statically kini tak perlu khawatir lagi dengan kecepatan blog

    BalasHapus
  3. iya gan, membuat loading blog jadi cukup cepat, karena proses pemuatan gambarnya menggunakan cdn

    BalasHapus
  4. Cara ngetes udah berhasil ato belum gimana??

    BalasHapus
    Balasan
    1. Silahkan cek di Google PageSpeed Insights dan Gmetrix untuk uji coba kecepatan . Tambhan 1 lagi yaitu dengan web.dev

      Hapus
Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Copyright © 2019 - 2020 Serieswans - All Rights Reserved Created With