• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

JUST BRIGHT ME

Makes WordPress and SEO Easier

  • Start Blog
  • Blogging
  • SEO
  • WordPress Guide
Home » Blogging » How to Compress Bloggers HTML Code

How to Compress Bloggers HTML Code

Written by AMAN SINGH

Do you want to enable compression for the HTML code of the Blogger template? By enabling compression, you can greatly improve your blog’s loading time. The loading speed plays an important role in the search engine result and also Google gives more importance to a faster loading website. Today in this article, we will tell you How to Compress Bloggers HTML Code.

How to Compress Bloggers HTML Code

Although most Blogspot template’s code is not optimized or comes with compression. So blogger can reduce file size by compressing HTML, CSS and Javascript files of their Blogspot blog using an online compressor tool. Here we are going to tell you a method that easily compresses your blog’s entire coding at the same time.

So, let’s get started how to compress file size of blogger template…

Before enabling compression we recommend that backup your theme file so that something goes wrong with you, then you can restore it from the backup file.

After the backup, follow the steps given below how we reduce the size of Blogger Template HTML by enabling compression. This method is safe and very fast.

1. First login to your Blogger Dashboard and click on Theme >> Edit HTML.

2. Then copy the whole code. You can see in the screenshot.

How to Compress Bloggers HTML Code

3. Now visit Visit HTMLCompressor and paste the copied code here to compress the whole code.

How to Compress Bloggers HTML Code

Do not click on Compression button right now because we need to do some settings here.

4. On the right side of the compression box, choose Blogger from the drop-down menu.

How to Compress Bloggers HTML Code

5. Then click on the Show option and make the settings according to the screenshot.

How to Compress Bloggers HTML Code

6. After finishing all the settings, click on the Compress button and wait a few seconds. It also shows the Compression ratio on the right side.

How to Compress Bloggers HTML Code

7. Now, copy the compression code.

8. Again visit blogger dashboard, then click on Theme >> Edit HTML button and remove all old code

9. After that paste the newly compressed code and click on Save theme button.

How to Compress Bloggers HTML Code

Congratulation! You have successfully compressed your Blogger HTML code.

Now your blog will be load faster than before, you can check the loading speed using a speed checker tool.

If you are not able to understand the code during editing, then the easiest way, Format template and after editing, repeat the compression process.

To format the template go to Theme >> Edit HTML and right above you will see the Format theme option.

How to Compress Bloggers HTML Code

You can comment for any questions or suggestions related to this article.

Like How to Compress Bloggers HTML Code? Don’t forget to share it!

About AMAN SINGH

AMAN SINGH, who owns JustBrightMe, is a full-time blogger and loves sharing content on WordPress, SEO & Blogging Tips.

Reader Interactions

Comments

  1. RC CREATURE says

    November 11, 2018 at 2:24 pm

    Oooo… It’s that what I was looking for from 2 weeks. I really thank you to share this great , no no the greatest article. Thanks man !! 😍

    Reply
  2. Dhananjay says

    December 10, 2019 at 9:06 am

    Really helpful article bro, I have done it on blogger website.

    Reply
  3. AmanjotSingh says

    April 6, 2020 at 7:03 pm

    It says your page size is over 300000bytes

    Reply
    • Aman Singh says

      April 7, 2020 at 12:33 pm

      This means your page size is 300kb

      Reply

Leave a Reply Cancel reply

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

Primary Sidebar

Blog’s Popular Post

How To Increase Website Traffic in 2021 (54 Working Methods)

Best Autoptimize Settings Updated

Fix Submitted URL marked ‘noindex’ in Google Search Console Tool

76 Best Free Responsive Blogger Templates

Rank Math SEO VS Yoast SEO Comparision

650+ High Domain Authority Sites to Get Dofollow Backlinks

How to Transfer SBI Account from One Branch to Another Branch

How to Compress Bloggers HTML Code

How to Create Quality Backlinks in 2020 (11 New Strategies)

16 Free Ways to Promote Your Website

Footer

SEO Guides

  • Learn SEO: A Beginner’s Guide to SEO
  • 40 Google Ranking Factors
  • How to Create Quality Backlinks
  • How to Improve Google Ranking
  • 23 Best On-Page SEO Techniques
  • How to Keyword Research for SEO
  • 29 Most Common SEO Mistakes to Avoid
  • How to Increase Domain Authority
  • Image SEO Tips You Need to Know
  • Keyword Density in SEO
  • Internal Linking for SEO
  • How to Protect Website from Negative SEO

WordPress Guides

  • How to Create a Blog on WordPress
  • Top 25 Must-have WordPress Plugins on Every Blog
  • 34 Best SEO Friendly WordPress Themes
  • 42 Most Common WordPress Mistakes to Avoid
  • How to Speed Up WordPress Site
  • 19 Essential Settings After Installing WordPress
  • 57 Best Responsive WordPress Themes
  • Top 41 Fast Loading WordPress Themes
  • How to Scan WordPress Site for Malware

Useful Guide

  • How To Increase Website Traffic (54 Working Methods)
  • A Complete Guide to Google Search Console
  • 20 Ways How to Reduce Bounce Rate
  • 46 Killer Blogging Tips for Beginners
  • How to Become a Successful Blogger
  • 50 Best SEO Tools (Ultimate List)
  • 16 Free Ways to Promote Your Website
  • 11 Best Blogging Platforms to Launch a Blog in 2020
  • How to Update Old Blog Posts (and Why You Should)

© 2021 · JUST BRIGHT ME

  • About us
  • Privacy Policy
  • Sitemap