Support » Fixing WordPress » How to fix Render-Blocking Java Script in WordPress?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi zaidromly,
    the fastest and simplest way would be to *remove the plugins* that use javascript or in this case Jquery on the page.

    It would help if you would put the actual website address so we can take a look at what exact plugins are using on your website.

    Or just a link to the Google Developer speed insights results so we can see the actual suggestion?

    P.S.
    Sometimes it is very hard to defer parsing the JavaScript on the page since it is connected to the key elements for the page to load. But sometimes it is some insignificant element that can be removed from the page.

    Best of luck and let me know if I can help further
    Taz

    meganshay

    (@meganshay)

    I am having a heck of a time with this issue also. Just installed Autoptimize, which helped, but still showing 63/100. Site = http://www.homeautomation-nation.com. Of course, I know just enough on WordPress to be dangerous, but not enough to muck around in the code. Any help is much appreciated! 🙂

    https://developers.google.com/speed/pagespeed/insights/?hl=en_US&url=http%3A%2F%2Fwww.homeautomation-nation.com%2F2016%2F11%2F&tab=mobile

    Here’s the message:
    Remove render-blocking JavaScript:

    http://www.homeautomation-nation.com/…-includes/js/jquery/jquery.js?ver=1.12.4

    Optimize CSS Delivery of the following:

    http://www.homeautomation-nation.com/…ize_b620e156a2ef5a47351deec6f0285e3c.css
    http://fonts.googleapis.com/…2C500%2C700%2C900&subset=latin&ver=4.6.1

    evening meganshay
    -> most themes & plugins require jquery to remain un-optimized, hence it is excluded by default. you can try to remove js/jquery/jquery.js from the JS optimization exclusion list & test if your site still works off course

    -> autoptimize CSS; have a look at the “inline all” and “inline & defer” options as explained in the FAQ

    -> google fonts; either tick the “remove google fonts” option in AO or try the “google webfont optimizer” plugin

    hope this helps,
    frank

    meganshay

    (@meganshay)

    Thanks Frank!!! Seems like that did the trick. Checked boxes, ran https://jonassebastianohlsson.com/criticalpathcssgenerator/, and inserted the code it spit back. Now, just have to figure out a few other little things. Browser caching issue, apparently. Anyway, appreciate the quick help!

    you’re welcome, have fun optimizing! 🙂

    meganshay

    (@meganshay)

    Hi Frank! Hoping maybe you can give some insight…I am still having trouble. Getting this message:

    Eliminate render-blocking JavaScript and CSS in above-the-fold content
    Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
    Approximately 15% of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
    http://fonts.googleapis.com/css?family=Roboto%3A300%2C400%2C500%2C700%2C900&subset=latin&ver=4.6.1

    If I check the box to not load Google fonts, of course that screws up the fonts that came with the theme I’m using. Is there another way around this?

    Thank you!!!

    well, you could try the “google webfont optimizer”-plugin 🙂

    Hi I have similar problems trying to load

    jstree
    jtable.org
    bootstrap-table –> http://issues.wenzhixin.net.cn/bootstrap-table

    take a look at if I use locally (on my pc) with local library ( no wordpress) :

    same but locally with cdn jquery.min
    cdn
    Inside worpress :

    So I want to show off that it’s only working locally with local library ..

    Basically, I can get to wokr jstree.org inside wordpress using on footer cdn library version :
    <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js”></script>

    Anybody got a workaround for this? I need to use both libraries on the same page as getting both jstree + jtable or another table lirabry through getting data from server and need modify some fields and get back this info to back end side.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to fix Render-Blocking Java Script in WordPress?’ is closed to new replies.