Advanced Tips To Make Blogger Blog Load Faster |
Also read about pingdom tools; Top 10 Websites To Check Page Load Time & website Performance
How do I make this BLOGGER BLOG load faster than ever before?
Before starting to improve page speed, check your website performance & your current loading time on these following speed anlysis tools:- Google�s PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights
- Varvy: https://varvy.com/pagespeed/
- GTMetrix: http://gtmetrix.com/
- Pingdom: http://tools.pingdom.com/fpt/
- Webpagetest: http://www.webpagetest.org/
Make sure to check your speed at least 3 times on same site listed above and note it down on paper. [Suggest to use Varvy - as demonstrated all here with it]. Now go to followings steps and follow as it is written.
Before starting:
These tips are NOT for novice blog beginners nor mid-range blogger designer. It required somewhat HTML knowledge theoretically. This may cause your template fully damaged and can brick your design. So it is requested you to make your blog design backup before starting as in case you want to revert changes. I am repeating, you must backup your blogger template. Also this trick cause problem with default widgets provided by blogger. If you don�t want to use default widgets and highly depends on third party JavaScript or custom JavaScript, then you can use this method. Expert users always likes to tweaks their blog template to make more fast and functional.Who can use this trick:
- You should be using custom blogger template.
- Not using default blogger or G+ comment system.
- Not heavily depend up on default widgets provided by blogger.
What you will get in return:
- Visitors will have converted in to reader.
- Reader will love to read your article longer.
- Cause lower bounce rate.
- Higher page views.
- Google will index your pages as it hates low loading template and so higher page rank for particular page.
- IE will load your template smoothly as it crashes often in case of .js and external .css files.
- Mobile page views also going to high as loading takes very few seconds.
Remove default Widgets, JavaScript from Blogger
As mentioned above, go to Varvy site, and check your PageSpeed score. Also check CSS Delivery and JavaScript Usage columns. It will show like this before applying tips.CSS Delivery:
JavaScript Usage:
Here you can see unwanted default .css & .js files that causing problem on page performance & causing load on your blogger template. We will see how to remove those files step by steps.
Remove the unwanted default CSS files
This trick will remove those unwanted blogger CSS files as show in above images. Note that, this trick will cause and change your template layout and all your widgets will show in listed view. Check below image.Steps to remove default blogger CSS files:
1. Find the tags:<b:skin><![CDATA[
All your CSS codes
]]></b:skin>
2. Now CUT All your CSS codes' and paste that code as shown below [in notepad file]:All your CSS codes
]]></b:skin>
<style type='text/css'>
All your CSS codes
</style>
3. And now place that code in your template as:All your CSS codes
</style>
<b:skin><![CDATA[
]]></b:skin>
<style type='text/css'>
All your CSS codes
</style>
4. Replace following code ]]></b:skin>
<style type='text/css'>
All your CSS codes
</style>
<b:skin><![CDATA[
]]></b:skin>
with:]]></b:skin>
<style type="text/css">
<!-- /*
<b:skin><![CDATA[*/]]></b:skin>
5. Now your new code will looks like below. And make sure it should be there before </head> tag.<!-- /*
<b:skin><![CDATA[*/]]></b:skin>
<style type="text/css">
<!-- /*
<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
All your CSS codes
</style>
Note: If your template already have: <style type="text/css"><!-- /* then no need to do above step no.5.<!-- /*
<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
All your CSS codes
</style>
Now go again and check PageSpeed score on same site. And also check your layout. It should look alike this:
Its just for your use only.. We can scarifies this layout design for getting higher pagespeed score.
Remove Default Blogger widgets.js
If you had seen in above trick default CSS files has been removed but .js files are still present there in the template.1. Find: </body>
And replace it with following code:
<!--</body>--> </body>
2. That�s all.Now check again with same site and check your default .js scripts has been gone with higher PageSpeed score.
Result After Applying Tips:
CSS Delivery:
These are best ways to reduce blog load time and push blogger default template to load faster. Let us know what performance you getting on your template via comment section below.
#SpeedBlogging #PageSpeed #Loadtime #Blogger #BloggingTips #HowTo #HowtoBlog #Tips #Tricks