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."
Greatly appreciate that someone could help me understand this.
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.
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.