Eliminate render-blocking JavaScript and CSS in above-the-fold content – How?

[Anonymous 4972]

Anonymous 4972

January 1, 2015 at 2:23 pm

I run PageSpeed Insights
*Login to see link
for
*Login to see link
and received the following recommendations as a main priority. I don’t have a clue what it is but 2 of them are from wpengine.
!Should Fix:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 4 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.
Optimize CSS Delivery of the following:
*Login to see link
*Login to see link
*Login to see link
*Login to see link
I contacted WPEngine about this issue and received the following respond that claims that theme itself built in the wrong way.
Hi Nadejda,
Thanks for contacting WP Engine. To provide some more info for you, what Google means when they talk about “render-blocking Javascript and CSS” is essentially excessive calls to css and js in the header of the document. Best practice dictates that (with a few exceptions) javascript should be loaded in the footer rather than the header, so that it doesn’t keep the page from rendering while it loads. There are things you can do — see if there are calls to JS in the header of your theme and consider moving things to the footer.
Unfortunately many plugins by default load assets in the header, and there’s not much to be done about that at this point. There are plugins that claim to help, but in my experience they’re largely out of date and therefore I wouldn’t suggest them.

The CDN is being registered as the paths causing this issues, but it is actually because the CDN is caching the js and css. So rather than a CDN issue, it is because of the theme files themselves.
Please help to solve this problem.
Thank you!