Blogger

How to Remove Blogger Default CSS & JS, Best Practices 2021

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.

how-to-remove-default-js-css-blogger
Blogger default CSS and JS removal guide

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. :)

Ashok Kumar

Ashok Kumar working in the Search Engine Optimization field since 2015. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on seoneurons.com. You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.

Related Articles

12 Comments

  1. 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

    1. 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

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button