20 Ways To Make $5000+ From Home. Earn Now!

Table of Content

How To Block CSS Bundle + Authorization + Widgets.Js + Google Plus.Js In Blogger Template

disable block remove render blocking java script files google plus one.js widgets.js,widget_css_bundle authorization.css from blogger template for better and increase website loading speed.
How To Block CSS Bundle + Authorization + Widgets + Google Plus Files In Blogger Template
Hello Folks,Today in this article we are going to explain how to disable render java script files and default CSS bundle , widgets , google+ script.Page loading times is important for every blog or website,now days search engine always prefer those sites which are fast in loading and also have responsive design.later we will talk about responsive design but today we are going to focus only on to improve the page speed on load.However there are so many ways to improve the website like you can compress or minify the CSS,Java Script and HTML also.In blogger template there are lots of render blocking java script and css bundle which effect our page load speed.when you view the source code of your website or blog you can clearly see those scripts and css bundle which is very heavy to load.However google have to complete all the steps before displaying your webpage that's why unless and until it's not load on web your page will not clearly visible or if it visible there are so many css and js which is not active that time so because of that your page keep loading.You may have question that you are using fast internet how it's still effecting your web page speed.But fast internet speed is good but internet speed can't by pass this step.If you think you can delete these render blocking js and css bundle the answer is NO.when you go to edit your template these scripts,google plus js and widgets code are not available in your template,but when you your webpage is live just right click on it and select view page source and you can see all those widgets , google plus js and render blocking java script in your footer section of the template.These below Scripts are knowes as Render Blocking Java Script  File,When these scripts are active you can click on it and its display in blue color and when these scripts are disabled they will still clickable but no use of that and its look in green color.

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2882419880-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
CSS Bundle and authorization CSS is also a important part of the page speed.When you open your website these CSS bundle files automatically load with your website or blog result your web page speed is down.To avoid all these errors we have developed few tags for you ,when you apply those codes in your template they will block your render blocking js files and aslo disable css bundle and authorization css.If you are using custom blogger template then there is no use of CSS bundle because its for to load the widget smoothly in page which is for default blogger templates not for custom templates.To check your blogger template which error and you should fix asap go the below link and check it out and after that sort it out.;)
https://developers.google.com/speed/pagespeed/insights/

However anyone can use this trick but mostly advance or pro blogger use these kinds of trick,but we have simplified this trick and tips for our readers,so no need to worry at all we are here for you if you face any problem in editing you can directly contact us.So to grab this trick in your blogger template just follow the steps mentioned below.

How to Disable Default Render Blocking Java Script Files , Widgets , GPlus Script In Blogger Template

installation steps:

First Take a Full Backup Of  Template Then Only Proceed To Avoid Any Unexpected Issue.
Step .1 Go to https://www.blogger.com and Sign in to your account.
Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML.
Step .3 Now Search For closing </body> tag In Your Template By Using CTRL+F Keys or CMD+F
Step .4 Now Paste the following below code just above </body> tag.
&lt;!--</body>--&gt;&lt;/body&gt;
Step .5 Now Save your template..Done !

Now open your website or blog and right click->view source and go to bottom of your page or you can say footer section you can see all widgets, google plus js and unnecessary files are disable and it will gonna instant improve your website speed.Now go on google and check your page speed again by visiting above url we have provided and you can see  all render blocking java scripts files are disabled.Look below for example when scripts are disabled:
How to disable render blocking java script files from my blogger template
However after applying this trick you can see issue in your template layout maybe their sides are not in scale or just some widgets go up and down but no need to worry at all this will not effect your blogger template design its just a internal part from where you add gadget.well we have a trick to avoid layout design ,when you have applied above trick.after that whenever you add new widget in your blogger template first go to your template->edit html and go in bottom and remove this &lt;!--</body>--&gt;&lt;/body&gt; to </body> and save your template,then again go back to your template and again remove </body> to &lt;!--</body>--&gt;&lt;/body&gt; however its lil boring thing but this is just for a layout but if you are not facing anyproblem in your layout then no need to do this.

How To Block Default CSS Bundle and CSS Authorization In Blogspot Theme

installation steps:

First Take a Full Backup Of  Template Then Only Proceed To Avoid Any Unexpected Issue.
Step .1 Go to https://www.blogger.com and Sign in to your account.
Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML.
Step .3 Now Search For <b:skin><![CDATA[ tag In Your Template By Using CTRL+F Keys or CMD+F
Step .4 Now replace the above tag with the below code.
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Step .5 Now Search For </b:skin> In Your Template By Using CTRL+F Keys or CMD+F
Step .6 Now Replace </b:skin> with </style> now all the CSS of your template will go under below code.
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
//All CSS Code Here
</style>
Step .7 Now Save your Template Done..!!

Another Short Style to Disable Default CSS Bundle In Only 2 Steps 

The above CSS Blocking way is lil tricky or you can say long,but we have developed another way to disable CSS Bundle and Authorization CSS and it also not effect variables if you are using the template. However we have found this is the best way to disable default CSS bundle From blogger template.

Installations steps:

Step .1 Go to https://www.blogger.com and Sign in to your account.
Step .2 Now From Blogger Dashboard click on ->Template ->Edit HTML.
Step .3 Now Search For <head> tag and replace it with &lt;head&gt;
Step .4 Now Search For </head> tag and replace it with &lt;/head&gt;&lt;!--<head/>--&gt;
Step .5 NowSave your Template..Done...!! 

Now go to google page speed insights test and check your website is loading faster than before.Now open your webpage and right click->view source and you can see CSS Bundle and Authorization is Blocked/Disabled in your template,look below for example.
 how to block css bundle and authorization is blocked disable in blogger template
You can see in above picture that widget_css_bundle.css and authorization.css is in green color that means they are not active.Now i must say your website loading speed will surely increase means your ranking will also increase ;).one thing more after applying above trick your layout might be misplaced but no need to worry about it wil not give any effect to your website and we are with you..:)

Post a Comment