Tuesday, 30 December 2014

How to speed up your blog Latest Trick And Tips

While surfing on Internet it frustrates very much when a website or blog is loading slow. It is the reason for why most of the users close your blog and surf other blog/sites to save their time. Because of which your blog traffic decreases. 

There are many reasons for slow loading of blog page for example if a blog contains a script that take time to load, backlinks of other web pages, corrupt widgets or gadgets, broken links etc. Sometimes more content in your blog makes it load slower but its not a problem anymore, seoweek will help you to make your blog load faster do the following things to increase your blog page loading speed.

(1). Scripts:
Sometimes you add some scripts to your blog which includes some Jquery or javascript code that take time to load that's why your blog loads slowly. Remove these third party scripts to increase your blog loading speed. If you don't know the script then remove the recent added scripts after which your blog stated to load slowly.

(2). Backlinks:
If you have add any backlink of a search engine or any other blog in order to list your blog link on their search engine or blog remove it.

3). Gadgets or widgets:

If you have added any widget or gadget to your blog that might be corrupt or may contain a php,css or javascript code which loads slowly then remove this widget or gadget in order to increase your blog loading speed.

(4). Layout:
If you haven't customized your layout page then it could also be a reason for slower loading. To customize your blog's layout page go to Template click customize and you will be redirected to the customization page now click Layout and change the layout of your blog. Change the body layout and footer layout. After changing the layout rearrange your widgets and gadgets. It will increase the loading speed of your blog.

(5). Third party ads:
Don't add third party ads to your blog sometimes they make your blog slow. They are not so worth also. You show use Google Adsense ads. Which is worthy and also don't affect your blog speed.

(6). Templates:

Adding new templates can also make you blog load slow. Most of the templates are unregistered which create such problems. Avoid to add new templates from other sites. Use the templates provided by blogger.

(7). Images loading time:
Remove all images which take more time to load. How to find these images which takes time to load? go to http://gtmetrix.com and test your blog, it will show you all errors and images which makes your blog to load slowly. Check the links of images and replace them with other images. And test them again and again to be sure that all images are loading fast.

(8). Layout editing:
Add as less widgets to your blog as you can because some widgets contains javascript and css links which takes time to load.

(9). Size of page:
Page size of blog also effects blog speed. You can increase page size on the customization page by customizing blog template, a bigger page will get more time to load which will make your blog load slowly, so avoid increasing size of your blog page. If you have increased your blog page size then go to template customize it and on the customization page select adjust widths click reset width to default.

(10). Posts:
Show 3-4 posts on homepage of your blog to speed up your blog because it takes time to load more posts so show 3-4 posts on homepage. To customize number of posts on home page go to Layout edit blog posts and change number of posts on the main page to 3 or 4 and click save. It will help in loading homepage fast.

(11). Lazy image load plugin:
The main problem because of which site/blog load slowly is images. A blog/site having more images than text will load more slowly. Images load slowly because of either their sizes or their formats e.g GIF images loads more slowly as compared to other formats like jpeg, png, TIFF. This problem can be solved by making such changes in blog or site that text, gadgets etc load before images, it will ultimate make blog load faster than before. In order to make such changes we need to add a jquery script in blog this script is known as lazy image load plugin as it makes blog fast by slowing down image loading. This plugin is very useful for blogs specially for art, wallpapers, images and other blogs having pictures. If you also want to make your blog fast by slowing down images then simply follow below steps to add lazy image load plugin script in your blog:

Go to Blogger Dashboard.

Select template and click on Edit Html.

Click anywhere in the Html code and search for </head> by using combination of Ctrl+F buttons on your keyboard.

Just after </head> paste the below script:<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Click on save template and you are done, go to your blog to see changes or go toGoogle Page insights to check your blog speed. 

I hope this was helpful to you, share this post with others and help seoweek to spread.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...