tazz
(@tazwordpress)
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
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
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! 🙂
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
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.
