Home › Forums › Jevelin Theme › Render blocking css
Home › Forums › Jevelin Theme › Render blocking css
Hey!
I’ve run a page speed test for my website agsurveying.co.uk and have been asked to rectify this:
<h4 class=”rule-title”>Eliminate render-blocking JavaScript and CSS in above-the-fold content</h4>
<div>
<div class=”rule-details”>
<div class=”advice”>
<div class=”failed-rule-summary”>Your page has 1 blocking CSS resources. This causes a delay in rendering your page.</div>
</div>
<div class=”urls”>
<div class=”url-block”>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.</div>
<div class=”url-block”>Optimize CSS Delivery of the following:
Is there a portion of code I should paste in the css field under Theme Settings to rectify this or is the solution more specific or complex?
</div>
Many thanks
Amy
</div>
</div>
</div>
Hi Amy,
I hope you are well today and thank you for your question.
You can try rectifying this using the following solutions.
http://www.wpbeginner.com/wp-tutorials/how-to-fix-render-blocking-javascript-and-css-in-wordpress/
https://wordpress.org/plugins/above-the-fold-optimization/
https://kinsta.com/blog/eliminate-render-blocking-javascript-css/
Best regards,
Shufflehound team