How to eliminate render blocking CSS bundle Files from Blogger Theme?

How to remove "widget_css_bundle.css" or "css_bundle_v2.css" render blocking CSS File from Blogger Theme? If you view the HTML source of your blog, you will see Blogger is automatically adding a CSS file into your Blogger theme. Learn how to remove those large CSS file from your blogger theme.

How to Remove Blogger Default CSS from Blogger theme?
How to remove "widget_css_bundle.css" or "css_bundle_v2.css" render blocking CSS File from Blogger Theme?
You might be worried about your website loading speed. You are using very simple blogger theme with few widgets but it is taking unexpected time to load completely. You have taken many steps to improve your site loading speed but those are not working.

The main reason behind this, there is many JavaScript and CSS Files loads in the background with a default and custom Blogger theme and that cause delay to load your site. And those scripts are called render blocking CSS file

Blogger Platform use those CSS Files for - 

1. Default Blogger widgets like 
  • Popular Post Widget 
  • Featured Post Widget 
  • Label Widget 
  • Archive Widget 
  • Contact Form Widget 
2. And for default features like 
  • Commenting system 
  • Post Locations 
  • Emotion 
  • Share buttons 
For Default Blogger theme users those CSS files are ok but obviously this will affect the site loading speed, but if you are using customize Blogger themes then those CSS files are unnecessary. Generally in custom Blogger theme developer uses custom script to design the theme. So if default CSS script files load with custom CSS script then your theme may conflict with both script. As a result the CSS script may not give you actual output against JavaScript files. 

So Blogger user should remove render blocking CSS and JavaScript from your Blogger theme. Just visit your Blogger site and view HTML source of your page by using Mouse or by pressing Ctrl+U. And you can see the Render blocking CSS files in your theme. But by editing HTML of your theme you won’t able to see. 

How to remove "widget_css_bundle.css" or "css_bundle_v2.css" render blocking CSS File from Blogger Theme?

However before proceed just check your Blogger theme loading speed by visiting the below URL 
And after applying the below trick again check the page speed so you can understand the loading speed improvement. After applying the trick my site loading speed has increased 20%.

Google page speed inside

In this tutorial I will show you how to eliminate render blocking CSS files from Blogger theme by following super easy step. 

Step #1: Log in to your Blogger Account and Go to your Blogger Dashboard

Step #2: Click on Now click on Theme -> Edit HTML

Step #3: Now locate opening html or HTML from the top of the Blogger theme by pressing Ctrl+F (Windows) or CMD+F (Mac).

Step #4: Now add b:css='false' after the html or HTML code. The script would be similar or nearly look like below code line.
<html b:css='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='' xmlns:b='' xmlns:data='' xmlns:expr=''>

Step #5: Finally hit the Save theme button from the top. 
Now you will see the magic. View your blogger theme’s page source and see render blocking CSS file has gone after applying the above trick.

This small trick will help to boost website loading speed and this will remove Blogger default CSS files. Now your Blog visitors will able to surf your page smoothly.

Yeah the CSS file is removed but my blogger design is affected. How do I maintain the design but get rid of the CSS?

BloggerSpice says: ADMIN 9/24/2018

Hi Robert :t
You should have some basic CSS coding knowledge. Blogger's default CSS script works on several widget like Comment box, Popular post, Blog pager and sometimes structure. So after disabling the Blogger default script your site will break. But after that by adding simple CSS script you can fix your site structure. And to do this you have to check all script of your current Blogger theme.

Free 4u Pro says: 11/28/2018

I have added this code see the improvement Thanks

would you please create image zoom script for us in blogger????

Contact Form


Email *

Message *