How to Eliminate render-blocking Javascript and CSS in Blogger

 How to Eliminate render-blocking Javascript and CSS in Blogger
Maybe recent, you checked your site by google page speed devices and seen that google instructs you to kill render blocking javascript and CSS from a few notices and that is an impact on your page speed. On the off chance that you need to expand google page speed score, you have to take care of this issue. So how about we take after my instructional exercise, how to kill render-blocking javascript and CSS from blogger/Blogspot.

Note - Backup your theme before applying this tricks.



Eliminate CSS BundleBlogger consequently makes two CSS gadget packs for your site. It would appear that. 
 How to Eliminate render-blocking Javascript and CSS in Blogger
To remove these CSS bundle, follow simple steps.
 1: Go to Blogger>Theme
 2: Click on Edit HTML
 3: Click anywhere inside the code area
 4: Press CTRL+F to open a search bar
 5: Now search following code   
<head>
 6: Replace <head> tags by below code   &lt;head&gt;
 7: Again search following code   </head>
 8: And replace </head> tags by below code     &lt;/head&gt;&lt;!--<head/>--&gt;
 9: Click on Save theme and you are done.

Presently again look through your site by google page speed bits of knowledge apparatuses and you will see that CSS package issue is comprehended. 


Eliminate JS Bundle - Like CSS blogger consequently, make a widgets.js package for javascript. To evacuate these packages take after underneath instructional exercise. 

Step 1: Search following code.    </body>
Step 2: Replace </body> tags by below code    &lt;!--</body>--&gt;&lt;/body&gt;
Step 3: Click on Save theme
That's it. Now see page speed score and it's improve.

How to fix contact form problem after applying JS bundle eliminate tricks

If you utilize contact frame in a static page and furthermore need to expel js package then you have to take after my another trap. Since in the wake of expelling js package, your contact form won't work any longer. This trap won't work, on the off chance that you utilize contact frame in sidebar or footer.
Step 1: Search following code   </body>
Step 2: Replace </body> tags by below code  

<b:if cond='data:blog.url != &quot;http://www.zerosuniverse.com/p/contact.html&quot;'>&lt;!--</b:if></body><b:if cond='data:blog.url != &quot;http://www.zerosuniverse.com/p/contact.html&quot;'>--&gt;&lt;/body&gt;</b:if>


Customize: Replace withhttp://www.zerosuniverse.com/p/contact.html your contact us page link URL.


Step 3: Click on andSave theme Now we have Eliminate render-blocking Javascript and CSS in Blogger i
n this trick, I have utilized blogger condition labels with the goal that default javascript widget.js record just loads when somebody visits get in touch with our page, and another page it will be disregard.
Advertisement