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
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
hopecrc.com
Vendana is the theme.
Thanks for the response.
Vendana is the theme.
Thanks for the response.
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).
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).
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.
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.
Do you have a link to your site?
Are you using a custom theme?