Remove Blogger Default JavaScript CSS & Widget JS

Remove Blogger Default JavaScript Widget CSS Bundle and Tags- Increase Blogger Website Speed

How to Remove Blogger Default Tags JS, Widget CSS Bundle to increase blog speed. So If you want to know How to Speedup a Blog by removing default blogger tags and unwanted Javascript and CSS from the template then you are in the right place. As Blogger we must Remove Blogger Default javascript like Widget JS and focus on our website speed, and for blogger websites, we don't have any plugin like in WordPress.

In Blogger default files are requested and it is hidden in all blogs by the default settings provided by the BlogSpot server. But it is only visible once the page loaded completely in the browser. The worst thing is that we cannot find all default requested JavaScript and CSS Bundle links in our blogger template.

Remove Blogger Default JavaScript CSS & Widget JS
Remove Blogger Default JavaScript CSS & Widget JS


So In this tutorial, We will easily remove default Javascript (js) and blogger's Cascade Style Sheet (CSS) from your blogger website pages.

Why you should Remove Blogger default CSS Bundle widgets and Widgets.js?

Now, Website speed is one of the primary on-page SEO factors and to build good SEO optimized website. So it is the reason why we need to remove default blogger JavaScript and CSS code from the blogger blog.  By removing these default unwanted 'widget_css_bundle.css' (CSS) and 'widgets.js' (JS) files you will increase blog speed.

Before following this tutorial read benefits as well as problems you can face by removing blogger default widget CSS and JS.

Advantages and disadvantages of removing Blogger's default JS & CSS files:

  • Advantages: For speedup blog and improve user experience by fast loading website. You should delete default JavaScript & CSS requested links and scripts to improved blogger blog load time.
  • Disadvantages: Your custom blog design may get affected, all the default widgets may stop working like popular posts widget, contact form, and more remove all types of default JavaScript & CSS stylesheet widget bundle files which are added automatically by blogger.

Now let's start.


Steps to Remove Blogger Default Widget JS and CSS Bundle 

Before Remove Blogger Default javascript files and doing any changes keep a backup of your template and check the current website loading speed from PageSpeed Insight.

Go to this page to check the current website speed: https://developers.google.com/speed/pagespeed/insights/

Follow steps to remove default javascript and CSS bundle files from blogger template:

STEP 1: Make sure to backup your whole blogger template code. (It's important!)

STEP 2: Open Blogger Dashboard > Go to the Theme section > Click on the Edit HTML code of your template.

1. Remove default CSS bundle call from Blogger

  • Search for <head> tag in the template.
  • Replace it with the below code:
    &lt;head&gt;
  • Search for </head> tag now.
  • Replace it with the below code:
    &lt;/head&gt;&lt;!--<head/>--&gt;
  • Similarly, Replace Body tag
  • &lt;body&gt;
  • &lt;!--</body>--&gt; &lt;/body&gt;

This will disable the request to the default CSS bundle and due to which now onwards your page loading time will definitely get reduced.

Very Useful Script: Install Anti Adblock Script in Blogger and Adblock Detection Script

2. Remove Blogger default javascript (Widgets.js) and CSS stylesheet file script tag

Just remove the below script tag which is requesting widget.js.

Note: Before taking a backup of your website template.

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2423294629-widgets.js"></script>

<link href='https://www.blogger.com/static/v1/widgets/3416767676-css_bundle_v2.css' rel='stylesheet' type='text/css'/>

3. Remove Default Blogger tags 

Now follow the below steps one by one and after check your website speed.

STEP 1: To remove default CSS and JS files, you have to add 
b:css='false' & b:js='false' 
codes as shown below:

<HTML b:css='false' b:js='false' b:version='3' class='v3' expr:dir='data:blog.languageDirection'... ...

STEP 2: Now removing default blogger CSS files, find the following code:

<b:skin><![CDATA[
...
All your CSS codes
...
]]></b:skin>

And replace it with the following code:

<style type='text/css'>
...
All your CSS codes
...
</style>
 
STEP 3: Add the following code above the code created in step 2.
 
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>

So that the whole code will looks alike:

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*
<b:skin><![CDATA[*/]]></b:skin>

<style type='text/css'>
...
All your CSS codes
...
</style>

 
Finally, now Save template. And check your blog speed with Google PageSpeed Insights.


That's it in this Tutorial Read more such tutorials from our website related to blogger website.

 
In Conclusion of Remove Default Blogger Tags CSS Bundle and Widget Javascript
 
One of the biggest reason which affects website blog's page loading time is hidden default stylesheet CSS and JavaScript Widgets bundle. I hope the above-given information will help you to increase your website speed.
 
Improve page loading time by removing Blogger default CSS bundle & unwanted JavaScript widget JS files added automatically to your blogger blog. If you find any difficulty while making changes then please let me know via the comment section shown below. We will be happy to hear from you and to publish your suggestions to help others.

More Ways to Increase website speed: Lazy Load Google Adsense Ads
Previous
Next Post »