How to Fix the Leverage Browser Caching Warning in Blogger

Image: Pixeltech

The speed of the webpage is as important as ever in order to be at the top of the Google SERPs, and provide a quality experience for your users. If you are interested in adding speed 90+ to your Google PageSpeed ​​Insights tool, you need all the tools in the toolbox to get there including browser Caching for your Blogspot site.

These days, you will find many options to improve page speed, but one of the smartest ways to improve the speed of your website is to increase the any kind of browser using This method.

In this post, we will take a look at how to install leverage  browser cache and help you adjust any browser lowest speed alerts we've received while testing our site's performance Google insight speed testing tool.

What is Leverage Browsing Cache - and Why Do We Need It?

The whole idea of ​​Caching is to "save" the latest version of your website so that visitors can access it more quickly.

Here's a tough idea of ​​how this works: If you're an artist, temporary storage is like the difference between having a picture of your painting ready, as opposed to posting a photo every time your friend asks to see it. In fact, the image "remembers" already assigned, saves it for future reference.

In terms of more technical terms, the following is a quick split that occurs after scenes when a user accesses your domain in their web browser:

• The visitor enters your URL.
• Their browser sends a request to your server.
• Your website server compiles all the information and sends it to the user's browser.
• The browser displays the webpage.

To add Leverage Browsing Cache to Blogspot Blog

To enable browser caching, you’ll add some lines to code to your Blogspot or Blogger  templates that defines how long a user’s browser should keep a copy of different types of files. You can cache each type of file for a different amount of time if you’d like.

Step 1: Sign in to your Blogger account.

Step 2: Now Go to your Blogger Themes and click Edit HTML

Step 3: Find the </head> Tag 

Step 4: copy and paste the following code just above the </head> tags

<include expiration='7d' path='*.css'/><br/>

<include expiration='7d' path='*.js'/><br/>

<include expiration='3d' path='*.gif'/><br/>

<include expiration='3d' path='*.jpeg'/><br/>

<include expiration='3d' path='*.jpg'/><br/>

<include expiration='3d' path='*.png'/><br/>

<include expiration='3d' path='*.webp'/><br/>

In this way CSS Cache expiration time set to 7 days and JavaScript and image file cache expiration time set to 3 days. You can change this time as your needs.

How to set different time saves for different file types

You can see from the code above that there are times like "7d" for (7  days)" and "3d " (for 3days). This is associated with file types, for example the code above states that a .jpg file (image) should be kept for a long time.

If you want to change that and say you want your jpg photos stored for a month simply replace them with "1 year" or "1 month". The above time are well-designed for most web pages and blogs.

If you like this article and think this needful for you and someone have this kind of Speed problem please share with them.