Eliminate render-blocking JavaScript and CSS in above-the-fo

Hello,

In google page-speed i'm getting Consider Fixing :

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking script resources and 6 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.

How can i put js and css in above-the-fold content?

Regards

Hello,

In order to fix this problem you should put the JS at the end of the document body (impossible to do with addScript functions in Joomla) and separate from the CSS code which is use only for the top part of the page (above the fold) and then put it in the head section as style tag.

Ok i see thank you

and how can I do that? can you help me or were can I learn to do that?

@acropolis - AFAIK there is no tutorials about it - for every template there is a different solution and in general you won't be able to avoid this problem, because you will still get a message about the JS files in the head section (you cannot move it if you want to use the API functions for adding JS files).

Ok, understand. Thanks for answer