Eliminate render blocking with OpenCart/PageSpeed insights

Hello, I'm always working to improve my website and use Google Insight alot and made some good improvements to bring my score up alot.
The next thing I want to tackle in render blocking & CSS, I've seen a google video about this and it said to put your javascript in the body on your main page so It doesn't first load it. I did this but it puts my website in error.
Heres googles recommended changes, can anyone please help me here.
Much appreciated.
Keith
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 7 blocking script resources and 2 blocking CSS resources. This causes a delay in rendering your page.
None 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.
Remove render-blocking JavaScript:

http://code.jquery.com/jquery-1.7.1.min.js
http://ajax.googleapis.com/…ax/libs/jqu ... -ui.min.js
http://orchidsupplies.co.uk/…cript/jque ... age.min.js
http://orchidsupplies.co.uk/…/jquery/ui ... r-addon.js
http://orchidsupplies.co.uk/…log/view/j ... xupload.js
http://orchidsupplies.co.uk/catalog/vie ... ry/tabs.js
http://orchidsupplies.co.uk/catalog/vie ... /common.js

Optimize CSS Delivery of the following:

http://orchidsupplies.co.uk/…log/view/t ... bile2.scss
http://orchidsupplies.co.uk/…ui-lightne ... custom.css

don't worry so much about those few Javascripts, a couple of them could be placed in the footer section as well, or then, be advised, not to get active, until the page has been loaded in full. The Problem is, that some Functions not longer work, or not as planned, so, it's a gamble, to find out, wich one could be used for such a 'physical or virtual 'relocation'.
But you need to make them 'cookie-free', that's much more important.

You still have more important things to do, as I found out, after inspecting your Site, if you care, to add a little more efficiency. I mentioned a few Extensions, linked below:

http://forum.opencart.com/viewtopic.php ... 63#p613146

and this is my latest test Shop result, just to show you, what's possible, with a few (free) things to do.
Good Luck
Ernie

PS. You seemengly do NOT use a 'regular' responsive Theme, but something very special for Mobile View.
I have not yet seen a 100% Google Mobile View Result info, until I checked your Site ! Congrats!!

Thanks for comments reference my mobile site.

Could I just move each single line of javascript to the footer and test functionality thereafter? If working ok, move on to the next line? I copied /pasted all 8 lines which caused error but didn't try moving then testing singly.
Do you know what the javascripts I have in my header do so I know what errors or loss of functionality to look for?

What performance report do you use?
Regards
Keith

I've checked your link out thanks.
Some interesting stuff to look at. I was going to try the coding change described in the follow hack/link http://octurbo.com/caching-opencarts-category-counts/

I couldn't find the relevant folder though, don't know why but I always have a terrible time finding the right file path if its not quoted. Do you know the full path please?

I just created a vqmod out of this function today, if you like, I send it later by PM
Ernie

IP_CAM wrote:I just created a vqmod out of this function today, if you like, I send it later by PM
Ernie

Yes thankyou.
What is the file path? Do you know?

Sure, I know the path, you will find it all in the ZIP! I have sent you a PM, containing the link to the download.

BUT FIRST, test the WEISMAN VqMOD, it's part of the ZIP-Download (and somewhere in the Extension Section as well). It does about the same as the one, we talk about here, but, in contrary to the other Mod, it requires no modification in any source file. In addition, the WEISMAN Mod creates ONE single Cache File only, and the other Mod creates a Cache File for every Category individually, and so possibly uses a few microseconds more time, to scan them all.

The OcTurbo Mod also requires you to ALIGN one piece of code, as shown in an image,enclosed, to enable the VqMod, named equally, to do it's job. I have been forced, to combine 3 Source Code Lines into one, to enable the VqMod, to find it, according VqMod-regulations, in order to replace it by it's own Code. Or you could also use the enclosed product.php file, if you use a v.1.5.6 - Version OC, it's already modified.

But be aware, that you won't see much performance improvements on Test Sites, because of this, those engines cannot really test, what those two Extensions are doing. And don't use both, it does not harm, but it does not help, either.

Good Luck
Ernie

PS: I use those Test Sites:
http://www.webpagetest.org/
http://tools.pingdom.com/
https://gtmetrix.com/
https://developers.google.com/speed/pagespeed/insights/

But don't just test Start Pages, test CAT-Pages, with different amounts of products, to find out about the best (default) Settings, and the perfect Balance, by the amount of products displayed, to get the best results !