Eliminate render-blocking javascript and css easily

 

Let me guess, you went to Google page insights to check your blog or website speed and our buddy Google asked you to “Eliminate render-blocking JavaScript and CSS in above-the-fold content”…….right?

Well i don’t know how you got here but for the first time you are at right place…..just kidding, i am not an expert for javascript, css, html or coding language because they are like foreign language to me. 

And that is the reason, I always try to find the easiest way to solve these types of problem. When i was looking for a way to Eliminate render-blocking JavaScript and CSS from my wordpress blog, i found that we  are getting this problem just because of our Themes immature coding style.

Actually there are few render-blocking JavaScript and CSS  files in your theme header which are taking time to load and that’s why Google suggest to remove them. I can’t understand if everyone is getting same problem “Theme developer should Eliminate render-blocking JavaScript and CSS before selling or realising their themes”

As always, I know you guys are going to add to this list which is great because it helps me and others to learn more. If you disagree with any of these idea or you know other important ones please head to the bottom of this post and feel free to add and ask.

Anyway, As you know blog speed is now an important factor in page ranking and when ever we head to the Google Page Insights, it suggest us to remove this, remove that………………..

Have you ever read Google suggestion on how you can fix these types of problem….of course you did, right? 

For me google suggestion is totally unknowing..what about you?

How to eliminate render-blocking javascript and css:

Okay guys here is my blog speed result before removing render-blocking javascript and css. It was 70/100 , And as you can see google asked me to “eliminate render-blocking javascript and css” and it was in “should fix”. I had 16 render-blocking javascript and css in above-the-fold content.

grey Eliminate render blocking javascript and css easily

Now after removing render-blocking javascript and css, my blog speed jumped to 82/100 and now i have only 3 render-blocking javascript and css. I tried to remove them too but at the end someone suggest me “You can’t remove all render-blocking javascript and css” unless you are coding expert. So i guess i have to live with these 3 render-blocking javascript and css.

grey Eliminate render blocking javascript and css easily

Anyway guys…..I know, i am talking to much, so lets head to the process how you can remove render-blocking javascript and css from your wordpress theme.

Well guys i am afraid, i am going to suggest one plugin for this because i tried everything to remove render-blocking javascript and css and at the end this plugin helped me.

Step 1. Download Autoptimize wordpress plugin. This plugin has average 4.5 out of 5 rating so i think it is safe also.

Step 2. Install and activate it.

Step 3. Done with installation??? Go to “Settings” in your dashboard and click on Autoptimize.

Step 4. Check the box for “Optimize JavaScript Code?” and “Optimize CSS Code?” and you done.

grey Eliminate render blocking javascript and css easily

Step 5. Delete both your page catching (W3 plugin) and your browser history.

Now go to “google page insights” one more time check your blog speed. What is your result?? Do not forget to tell me in your comment.

Get MoreTips Like This for free: 

Now if you enjoyed reading this, it may be chance that you’d like to join our email list so that we can send more tips and tricks like this directly to you.

It’s totally free and going to take only 1 minute.  Click here to join us for free

Join Us To Learn New things Everyday

  • Tips And Tricks About Social Media
  • Tips About Blogging And Wordpress
  • Computer And Internet Tips

Lets Make Unbeatable Group Together

 

You can also subscribe to our tips and tricks by Email. Enter Your Email in below form.

Also do not forget to share this article with your friends and followers, simply click on Share button and you are done.

Have Anything to Share ?

As always stop us if you can would be more than happy to hear from you. If you liked this post, do not hesitate to add or ask anything.

Simply Leave your comments.

Lets be friend on  Facebook  , Google Plus and twitter so that you can get our each post.

Have a Great Day 

Regardsgrey Eliminate render blocking javascript and css easily

Vaibhav Singh

Founder of Online world | Knowledge and marketing  

Enter Your Email And Do Not Miss Single Tips:

 
Vaibhav Singh

Vaibhav Singh

Vaibhav Singh is founder of Stop Us If You Can. He is Electronics Engineer by education and System Automation Engineer by profession. His passion about Computer and Web Technology drive him to blogging. Connect with Vaibhav on Facebook, Google + and on Twitter

You may also like...

12 Responses

  1. Victor says:

    Wow, I was searching for this and believe me, it was not easy to find your article. I am happy that i finally found this.

  2. Parker says:

    Hey! I know this is kinda off topic nevertheless I’d figured I’d
    ask. Would you be interested in exchanging links or maybe guest authoring a blog post or vice-versa?
    My website goes over a lot of the same topics as yours and I
    believe we could greatly benefit from each other. If you’re interested feel free
    to shoot me an e-mail. I look forward to hearing from you!

    Superb blog by the way!

  3. Roberts says:

    Now I am going away to do my breakfast, afterward having my breakfast coming
    again to read other news.

  4. Wilson says:

    I simply want to mention I am just new to blogging and site-building and really enjoyed your web page. Most likely I’m planning to bookmark your blog . You absolutely come with beneficial articles. Many thanks for sharing with us your web-site.

  5. Oakleys says:

    Hey Vaibhav! This is kind of off topic but I need some help from an established blog. Is it tough to set up your own blog? I’m not very techincal but I can figure things out pretty fast. I’m thinking about setting up my own but I’m not sure where to begin. Do you have any tips or suggestions? Thanks

    • Vaibhav says:

      Hi Oakleys,

      Sure anything and you do not need technical knowledge to start your own blog. You can do it by few clicks on blog-spot and wordpress.com but if you want to start your own hosting blog which is recommended, you would need a bit of knowledge, Anyway just let me know which type of platform you are thinking about and i would love to help you out with that.

      Have a nice day.

  6. Ronny says:

    We stumbled over here coming from a different page and thought I may as well check things out. I like what I see so now i am following you. Look forward to looking at your web page for a second time.

  7. Vaibhav says:

    Hi Rowny,

    Thanks and No, I don’t hire a deleloper to design my theme. I love to mess with things and learn more.

    Have a Great day:)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge

Join Us To Learn New things Everyday

  • Tips And Tricks About Social Media
  • Tips About Blogging And Wordpress
  • Computer And Internet Tips

Lets Make Unbeatable Group Together

Optimization WordPress Plugins & Solutions by W3 EDGE
%d bloggers like this: