eliminate render block js and css

[Mani7q]

Your page has 7 blocking script resources and 5 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.

• http://delux-bathrooms.co.uk/…a/js/01b5bc2e80a3f9f21c70e66ecb8b9220.js
• http://delux-bathrooms.co.uk/media/nextend/n2/n2.js?1487687471
• http://delux-bathrooms.co.uk/…edia/dist/nextend-gsap.min.js?1487687408
• http://delux-bathrooms.co.uk/…/dist/nextend-frontend.min.js?1487687408
• http://delux-bathrooms.co.uk/…t/smartslider-frontend.min.js?1487687408
• http://delux-bathrooms.co.uk/…r-simple-type-frontend.min.js?1487687408
• http://delux-bathrooms.co.uk/…ia/nextend/n2-ss-6/n2-ss-6.js?1487687471

Optimize CSS Delivery of the following:

• http://maxcdn.bootstrapcdn.com/…t-awesome/4.2.0/css/font-awesome.min.css
• http://fonts.googleapis.com/…talic,300%20Roboto+Condensed:300,400,700
• http://delux-bathrooms.co.uk/…css/2546dc48d083911cd6433c28eb41296a.css
• http://delux-bathrooms.co.uk/…a/nextend/n2-ss-5/n2-ss-5.css?1487687596
• http://delux-bathrooms.co.uk/…a/nextend/n2-ss-6/n2-ss-6.css?1487687471

Show how to fixHide details

[kgerasimov]

Hi,

to fix JS blocking issue you might want to move all JavaScript to the page bottom. Here is an extension that does that https://www.goivvy.com/magento-extensions/magento-defer-parsing-javascript.html .

To fix CSS blocking you need to identify critical CSS (CSS to render above-the-fold content) and inline that critical CSS into HTML head section. All the rest CSS should be moved to page bottom.