Remove Render Blocking Script

New Member
4 0 0

Hi all,

Need some help to understand about the removal of render blocking scripts. From google developers (developers.google.com), it indicates that my website (https://irononnation.com) has "Your page has 3 blocking script resources and 2 blocking CSS resources. This causes a delay in rendering your page." 

It suggested to remove render-blocking Javascript and to optimize CSS delivery. Where can I find these js file? What should I do with these files?

Greatly appreciate that someone could help me understand this. 

Thank you,

Linda

0 Likes
Highlighted
Shopify Expert
246 0 38

You may find it hard to fix those things, as your template will be designed to include files in that way. One of your render blocking scripts is jQuery, which is required to be present before any code that uses it. Therefore you would probably need quite a re-write to remove its need to block or to move it so that it blocks later on.

You may be able to switch some of your other includes to load asynchronously.

I have heard that you can use things like cloudflare, which rewrites your pages on the fly. But I have no personal experience with that solution. You would probably also have to do a lot of debugging to make that work.

With the css, if it is small enough you could place it directly on the page. Or you could use JavaScript to asynchronously load it.

Technical SEO Consultant - Specialising in setting up Structured Data for Rich Snippets, Google Analytics for advanced reports and the Google Search Console for efficient crawling.
0 Likes
New Member
4 0 0

Hi, 

Thank you for your reply. I will look into cloudflare to find out more. =)

Best Regards,

Linda

0 Likes
Shopify Partner
75 0 8

Hi Linda!

You may find script and CSS which are indicated by Google Speed test ( http://prntscr.com/bfthes )in your code  http://prntscr.com/bftkgg and http://prntscr.com/bftld9

Loading of each page in the internet goes from top to bottom. As you may see from your code, the script is written in the beginning of the code. To speed up the loading, you should remove the script from the beginning and put it in the end of your code.

In case if you are not experienced in coding, I wouldn’t recommend you to move code by yourself, as in certain cases that can cause that the Theme would load incorrect. I would suggest hiring a developer who can help you to solve this problem.

0 Likes