ProLavish | Blogger GuruProLavish

A blog provide Blogging Ethics

Reduce Blog load Time | 2016


How to reduce Blog loading Time in 10 steps easily

Blog load Time Depend upon-

We all know that  visitor attract on the site which loads faster.So follow below steps and make your blog load faster

So,Firstly check your page Performance by visiting
 
PageSpeed Insight tool
 


Minify CSS and JavaScript



CSS  not minified version



#menu ul.menu{
   position:absolute;z-index:99;
}
#menu ul.menus li
{
   font:12px Arial;
}
#menu ul.menus li  a {   
 font:18px Arial; 
}

JavaScript minified Version



<script>
var span = document.getElementsByTagName( ‘span’ )[0]; 
​var spaner = document.getElementsByTagName( ‘span’ )[1]; ​span.innerText = ‘interactive’; span.style.display  = ‘inline’;
</script>

 

​Blog load Time   is a major cause in neglecting your site by search engines.So,it is a good practice to decrease your blog time .

 Images help to improve the appearance of  our blog, but we  know that  it can make our blog load slower .So, we can optimize image size by use following:
  1.   tinypng  
  2. Compresspng
Note-  Don't just delete  the white spaces in your template. It may cause only a penny difference. It is not recommended to increase ​Blog load Time​



Search engines will include those great  sites in their due to greater loading time.So, its good to maintain tour site seo friendly.You can also check for site .It is full SEO friendly So follow below steps to make it friendly..



 

Eliminate render blocking Javascripts and CSS



So to reduce the load time, all script files must be loaded Async. To load script files async use the following syntax.  increase Blog load Time​

 


<script src="LOCATION OF THE SCRIPT FILE" type="text/javascript" async></script>


      

Remove default wrench in blogger template

Wrench  is loaded whenever a item page is requested. It might have been hidden using CSS styles when you view the webpage.Remove below  2 lines in blogger template to increase blog load time




  

   

<b:include name='quickedit'/>
<b:include data='post' name='postQuickEdit'/>

      




Don't use Custom fonts

Custom fonts may look good, but they are also render blocking elements

Load scripts on required pages 

  • Use following method to hide script on specific pages 


<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script>YOUR SCRIPT</script>
 <script>YOUR SCRIPT</script> 
</b:if> </b:if>
      





So, check your page Performance by visiting

  PageSpeed Insight tool I bet you will feel a difference





Note-
 Don't just delete  the white spaces in your template. It can cause only a penny difference. It is not recommended​.... ..


Have Questions?


If you need help with respect to any concept do post your comment below..We are happy to help you  .... 

Gaurav dudeja

Gaurav Dudeja has 3 years of blogger experience.He wasthe only owner of prolavish .He does internet blogging and sharingblogging ethics,widgets,quality tips based on blogging.Having More than 50 followersand 250 people subscribed his blog Join me . Prolavish receives 1 thousand Pageviews/month and has over 32K subscribers

You can find us on

Read Comment Policy ▼
  We have Zero Tolerance to Spam. Chessy Comments & Links' will be deleted immediately

Comments are moderated and may take some time to appear.
If you ask a question make sure you tick the Notify Me option

No comments:     Post Yours!