render-blocking java and css

Permalink
Can anybody please tell me how to do this with 5.7?
Google really wants this done.

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

View Replies:
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi hopecrc,

Do you have a link to your site?

Are you using a custom theme?
hopecrc replied on at Permalink Reply
hopecrc.com

Vendana is the theme.

Thanks for the response.
MrKDilkington replied on at Permalink Reply
MrKDilkington
Render blocking files are not always going to make a huge impact in site performance. The impact is often more significant on bigger websites with large style sheets.

For JavaScript files it involves moving them to the end of the body content (often before the closing </body> tag).

For CSS files, they are also moved into the end of the body content. This is done after all the "above the fold" styles have been extracted and placed in a <style> tag in the page head. Above the fold styles are CSS styles needed to render that specific page (or the visible top portion).
rge replied on at Permalink Reply
It is recommended to include JavaScript just above </body>. In Concrete5 jQuery is included in the head for a reason. Some blocks / add-ons make use of jQuery and the JS of these blocks are included right after where the block is placed.

Because of this it is not possible to include jQuery in the footer. If you do you will receive an error that "$" is not defined. This because jQuery is called before it was defined.

Via webpagetest.org you can test your site. In the timeline you can see the impact of the block rendering scripts.

It is possible to load your css async with the use of javascript.https://github.com/filamentgroup/loadCSS/... you can combine this with placing the critical css in the head (inline).http://jonassebastianohlsson.com/criticalpathcssgenerator/...

Beside the jQuery Concrete loads some css files. I assume these get added in head_required.php (havent checked). When a use is nog logge in these probably are not needed.