Home / Google blogger / 11 Killer Tips To Increase Google Blogger Blog Page Speed

11 Killer Tips To Increase Google Blogger Blog Page Speed

like i said before we at caffinegeeks call blogspot google blogger because google owns blogger.com.

Howdy Geeks, Today talking on page speed, having a good page speed increases your blog seo. A blog that takes less than 2 secs to load gets lower bounce rate and also more preference by Google and Visitors.

Most bloggers work day and night to improve their blog page speed and reduce their bounce rate. We at Caffinegeeks are working hard too to improve our page speed and bounce rate to 2 secs which will not be that easy for us.

lets know the basics infomation first..

if a blog page speed reachs 5mb and has a bounce rate above 50% such owner or contributor to that blog is advised to improve their blog page speed/ bounce rate, why did  say so because the blogs become very slow to load and when your visitors tend to see your website loading slow they either quit visiting your blog or just find another blog to visit that why this is very important to bloggers.

Here’s how to do that:

  • Simplicity – Make the page design simple. One or two images and text. But you probably want richer components on your site.
  • Combination – Taking all the scripts and piling them into a single script and, similarly, combining all CSS into a single stylesheet.

what makes your blog page speed increase is when you add too much widgets, Javascript, Css, High quality images and too long Html codes.

11 Killer Tips To Speed Up You Blog

1. Learn To Use PageSpeed Insights

Before judging your blog for loading slow, it is proper to run a page speed test and see what script is affecting your blog loading speed. PageSpeed Insights is a free online web performance tool developed by Google to help you run speed test of your blog.
PageSpeed Insight tool helps you speed up your blog by displaying the problems of your website and also recommend best solutions to it.

2. Minify CSS Codes

CSS codes define the look and feel of a theme. i.e without CSS, your template will look plain, ugly and anything not good for the eyes. This is why CSS is used to define colours, fonts, style etc. Not minifying the CSS code of your blog will affect your blog negatively.
You can find you CSS codes right above ]]></b:skin>. Using the PageSpeed tool, you will be shown a Minify CSS option. Fix it and your blog will load faster.

3. Optimize External CSS Links

CSS codes load both internally and Externally. In tip 4, I explained why and how you should minify CSS codes, unfortunately, that same procedure won’t work for External CSS Links.
External CSS links cause more damage to loading speed. By using external links such as FontAwesome, Google Fonts etc your site will have to make a lot of HTTP requests. Therefore, It is recommended you optimize these scripts or avoid using them.

4. Use Google AMP

Accelerated Mobile Pages (AMP) is the blessing of 2017. Google AMP is designed to make your blog load fast on mobile devices and also on laptop devices.
With AMP, you can add lazy loading iframes, carousels, accordions, images, videos, audio players, advertisements etc and all these won’t affect your blog loading time.
Google AMP is officially the best way to add widgets and speed up any blog. It is very easy to setup and quick to use. I am currently making my blog AMP ready.

5. Optimize/Minimize Images

Images contribute to the reduced loading speed of most blogger templates. Adding large or too many image file to every post makes your blog reduce in speed.
It is recommended you minify all images before your upload them to your Blogspot blog. Images should be in Kilobytes (KB) and not MegaBytes (MB). You can easily do this using free online and desktop tools.

6. Use Less Widgets

As a blogger wanting to speed up your blog, you should start prioritizing widgets by removing widgets that are not necessary. By adding too many widgets at the sidebar and blog header, you are killing your site load speed.
Important widgets tend to be subscription box, Popular post, about author widget and a few more. This will help to increase your blog load speed. Aside from using fewer widgets, Use little or no widget in your mobile template.
Mobile sites can only make smaller requests, adding too many widgets on mobile templates will kill not only your site mobile friendliness but also the speed.

7. Reduce Number Of Post On Homepage

The higher the number of post on the homepage, the more images, CSS, JavaScript requests your site will make. Reducing the number of posts per page will improve your blogger blog loading speed.
You can easily do this by going to Layout >> Blog >> Edit >> Number of posts on main page

8. Use Automatic Read More

Adding a jump break (read more) helps to cut off a buck of work for your browser. Assuming you have 3 posts on the homepage, each post with at least 3 images.

9. Add Image LazyLoad Plugin

LazyLoad Plugin is a Jquery function that simply delays the loading of your blog images. Using LazyLoad will make your texts and important sections show before the images are loaded.
LazyLoad also loads your images on scroll with animations i.e as you scroll down your blog, all your images are loaded one by one therebyspeeding up your BlogSpot blog.

10. Use Asynchronous Versions Of JavaScripts Like Jquery

JavaScript is a major set back to quick page loading. It delays the website until the entire script is being loaded. We often use many of such scripts such Jquery, and many others on our blog.
Using the Asynchronous version of such scripts simply delay the loading of the script. By doing this, the plugin works fine and your blog load really fast. Google recommends Asynchronous scripts this is why they have implemented it in Adsense and AMP scripts.

11. Remove Default Blogger CSS and JavaScript

I have explained how CSS and JavaScript affect the loading of your blog. Blogger has inbuilt CSS and JavaScript. These two scripts are a major issue for default BlogSpot template users. There are tagged as rendering blocking scripts because they stop the browser from loading other blog contents.

While websites get richer and cooler, page speed slows down. So, each time you are getting ready to implement a new code or rich media, you have to ask yourself:What is going to be the impact on page and site speed?

What is going to be the impact on page and site speed?

Sacrificing site speed to have the newest tool is probably not worth the money you may lose because of latency issues. So, until a tool proves itself as a money maker, it’s probably best to hold off.

What other ways or tools have you used to improve your site performance?

About Ayorinde Ayodeji

Ayorinde Ayodeji is the CEO of caffinegeeks. When he’s not busy making Caffinegeeks Products better, you can find him Biking, Coding, and Making researchs.Web developer and SEO Expert by heart.

Check Also

How to Add Floating/Pop-up Adsense ads widget in Google Blogger

Do you know, Google is gonna banned you after showing adsense ads into a pop-up …

Leave a Reply

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