Blogger generates some unuseful content for its blogs, like CSS and Javascript files. These files increase the blog size, increase load time, cause render-blocking and reduce the page’s PageSpeed Insights score. This article will discuss how to remove Blogger’s default CSS, JS, widget javascript using the proper practice.
That will enhance the user experience, increase page load speed. We’ll also talk about the pros and cons of removing these files, so read the entire article.
Why should we remove the default CSS and widget Javascript?
Are you facing render-blocking or an issue with the page speed of the Blogger blog? Then, you can perform this method of removing the default JS and CSS and preventing the scripts from loading.
These could be reasons for Blogger auto-generating CSS and Javascript files: When you create a Blogger blog, it is not that appealing design. So to give a decent look to Blogger, blog themes are used. These themes have their styles and javascript to perform their function.
In that case, the CSS and JS generated by Blogger is unused. These files take extra space and extra size, which slow down the Blogger blog. To make a website fast, you need to remove all unnecessary elements that the Blogger blog does not use.
But removing these contents, like widget javascript, will limit the Layout of Blogger. Luckily, this article will also help you overcome such limitations.
Remove Blogger default unused CSS
To remove the default CSS of a Blogger blog, you’ve to edit the Blogger XML theme file. Now check the <html> tag in the theme, add css='false' into this line, and done. You removed the unused CSS of the Blogger blog. The Codes will look like this.
Before making any change, the theme code will look like
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>After making the changes in the code to remove CSS from the blog. Code will look like
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>Remove default widget Javascript from Blogger.
To remove the default javascript js file from the blog footer. So that users can experience fast browsing. Add b:js='false' in the <html> tag as shown below.
After making the changes in the code to remove JS from the blog. Code will look like
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:js='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>You’ve to save the theme file and check the widget javascript will be removed. After removing this script, you can check
Removing default JS and CSS from Blogger
To remove both javascript and CSS from the Blogger blog, you’ve to add b:css='false' and b:js='false' in the <html> tag of the template.
The final code after removing default JS and CSS from the Blogger blog will look like this.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:js='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' ......>By using the above method, you can remove default JS and CSS from the Blogger blog.
Pros of Removing default JS
- It enhances the load-time, boosts up website speed,
- Enhance user experience,
- Boost SEO of the blog.
Cons of Removing default JS from the Blogger blog.
There are some limitations If you remove default JS from the Blogger blog. These are
- The Contact form will not work if it is on the portal’s layout, But don’t worry; you can create a contact us page for the Blogger blog.
- You will not be able to modify your theme by just visiting the Layout section of your website. At any point in time, if you’ve to make some changes in the layout of your web page, then in this case. You have to remove
b:js='false'from the HTML tag and customized it. You can add it again after making the required changes. - Blogger widget that needs javascript to perform their function will not work.
If you like this article or face any issues. Please comment below. It appreciates me for writing such things. Thank you. 🙂
hello sir how to remove oyedad.com in mobile page
do you want to know how to remove oyedad.com from the oyedad blogger theme? you can change it in the “Mobile Logo Setting”. For more watch video https://seoneurons.com/blogger-seo/seo-friendly-blogger-theme/oyedad-blogger-theme/ linked here for complete theme installation. Thank you.
Hello admin.
When I use code b: js = ‘false’, send message button in the message box doesn’t work 🙂
Hey Gallis, you can create contact us page.. please follow our article on contact us page. Thanks
I have a contact us page on my blog, which doesnt work anymore, is there any solution?
Hi, this is a great option, but after disabling css, unfortunately the menu enters under rest of my blog. Is it possible to somehow set it up without rewriting the entire css of template?
Could you have a look at my code? I know CSS, but repairing the entire template is too much for me.
Best Regards
I would suggest you to apply custom theme like tezzBlog Blogger theme to your Blogspot Blog.. this will enhance the user experience as well as page speed
Hello sir, I have implemented it on the blog https://www.samuelpasaribu.com but no speed changes have occurred. Please help
Thank you very much sir
I increased my website speed a little bit afrer read this article. thanks a lot.
Nothing works anymore.
This information is very useful.
Thank you very much..
Thank you for sharing this useful tips. I will try to use it for one of my blog
I just applied these tips on my site. I’m curious, does it have any effect on my site rankings? Let’s see
Thank you.!
Will using b:js=’false’ disable Google Adsense code?
Was sent here by a site explaining how to create a contact form widget for Blogger. It was displaying white on white text in the message field. Actually found after reading this article that “b css=”false” ” actually needs to be REMOVED from the code to get the text to display properly.