How to Increase Website Speed in Blogger || Ultimate Guide 2022

In this article, we will discuss how to speed up a Blogger site and get over 90 PageSpeed ​​Insights points.

Blogger is a Google product supported by high-speed servers. Unfortunately, Blogger Blogspot users cannot access CMS root files to improve server rules. But luckily, we can use the following methods to speed up the Blogger website.

1. Compress images or use next-generation images

The media used in the blog should be lightweight. You may want to consider compressing the image before uploading it. This practice will greatly improve the speed of your Blogger blog.

Let’s say you uploaded a 1MB image to your blog and the user’s internet speed is 30KB, then it would take approximately 35 seconds to upload just the image. However, if the image size is 60kB, it will take only 2 seconds. So with a slow network connection, the speed will increase by about 18 times.

How do compress images?

To compress an image, you can use websites like TinyPNG or Compressor.io. This compressor does not change the image quality of the web.

The above interface is related to the Tinypng image compressor. You can drag your image into dropbox and download the image from the download link created with the compressed image.

Upload the raw image to the draggable image field as shown above,

Compression will start automatically as soon as you upload the image. You can download the compressed image.

Try to keep the image size under 100 KB. You can follow this guide to submit Next-Gen images to the Blogger content management system.

2. Remove unwanted widgets

Let’s say you use a lot of widgets for a Blogger blog. It will be better if you remove unused or unnecessary widgets. For example, some website uses the Facebook page widget on their website. However, the Facebook Page widget slows down the speed of the Blogger blog. Therefore, we advise you to remove this widget.

You can create a Contact Us form page for a Blogger blog by replacing the Contact Us form widget. As a result, this will reduce the size of each page, which will increase the page speed score.

Let’s say you’re using a third-party blog widget. Then try adding such widgets to your footer to avoid render blocking and speed up your Blogger blog.

3. Remove unused Javascript and CSS

Blogger generates several JavaScript and CSS files for the legacy template. But in modern templates, this CSS and JS are not used and take up extra space. Unfortunately, these CSS files also cause page render blocking. Therefore, it would be better if you consider removing these tags.

4. Don’t use too many fonts

Too many fonts take a long time to download from the Internet. So consider using system fonts or download-only fonts. You can also use font: display style when loading a font to replace properties. This practice will improve stability and increase the overall display score of the website layout.

If you don’t understand the term above, try uploading only 1 or 2 fonts for your website. This will increase the speed of the Blogger blog.

5. Adsense slows down site speed

Once approved by AdSense, you will be able to make money from your Blogger blog. But at the same time, AdSense slows down your site. There are various methods to speed up your site, but not with AdSense.

I’ve tried many ways to speed up a Blogger blog, but I don’t see any effect. My PageSpeed ​​Insights website score with and without AdSense always stays around 94 and 31 respectively.

The Adsense script loads synchronously but still blocks page resources. This way we can execute the AdSense script when the page is finished loading. If you don’t know how to do this, follow our guide to speed up a website using AdSense ads.

6. Set up a quick Blogger blog template

The Blogger template provides a unique blog design that improves user experience and search engine optimization. But not all templates are the same. Some of them only have a good design or are well optimized for search engines or SEO. Along with these two, the template should load quickly. Therefore, before applying any theme, you should check the theme against

Template speed,

UI (user interface) and UX (user experience),
SEO themes, such as HTML5 and Schema Markup support.

You may want to consider installing the TezzBlog Blogger theme for your Blogger blog, including all three of the features above. In addition, this theme is free of render-blocking resources and also uses the latest version of jquery.

Additional advice

By following the tips above, you will notice that pages load faster than before. Also, you can check the PageSpeed ​​Insights score before and after applying all the settings.

We advise you to test your homepage, pages, and posts in the PageSpeed ​​Insight testing tool. Because the PageSpeed ​​score of blog posts and pages is critical to ranking in search results.

I hope you enjoyed this article on how to improve the PageSpeed ​​score for a Blogger blog. In case of any doubts, questions, or feedback, feel free to ask in the comments section below.