Above Fold JS script blocking

2 replies · opened Feb 21, 2017

DdaihloFeb 21, 2017

Do you have any solution in place for the problem in the title, as noted by google when testing the page speed @ https://developers.google.com/speed/pagespeed/insights ?

The specific message:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 3 blocking script resources and 10 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.

I know this is a real pain as the whole template relies heavily on JQuery, from header to footer, but I'd be interested in your thoughts on this.

The pagespeed link I am working with at the moment:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fjewelnet.ltd%2Fbarrybott

SSemicolon WebSTAFFFeb 22, 2017

Hello,

We Definitely Understand but we currently do not support Render Blocking for CSS (in fact none of the Templates do!) at the moment. For JS, please make sure that you move all the JS Linkings from Document <head> to the Document <body> .

This should definitely remove the warning. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

DdaihloFeb 23, 2017

Ok thanks for the explanatin :)

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard