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