Header ads

How to Overcome Browser Caching Favicon Leverage

This time Kevirite will share about How to Overcome the Favicon Browser Caching Leverage on Blogger.

Favicon is an icon or logo that we usually encounter on a site, on Blogger itself you can add and replace the standard Blogger icon on your blog with a custom icon made by yourself through the widget in the Layout or Settings as shown below:

How to Overcome Browser Caching Favicon Leverage

Leverage Browser Caching on the Favicon is one of the factors that inhibit blog speed that I usually check with GTmetrix like this:

How to Overcome Browser Caching Favicon Leverage

How to handle it? Please follow the easy steps below.

How to Overcome Browser Caching Favicon Leverage

First, open Blogger > Click the Themes menu > Click Edit HTML > Then find the code below

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

Replace the code above with this code

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

Edit the marked code, change with your blog address

If you want to add the Favicon time data cache with Statically which by default is set for 1 day, you can add parameters after the domain name to add the following time data cache set for 1 year.

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

Then click the Save theme button .

By doing the above method, the effect will not be immediately detected, check back through GTmetrix or other online tools after a few days

That's from Arlina Code about How to Overcome Browser Caching Favicon Leverage , hopefully it is useful for all my friends and respectfully.

Post a Comment