I am trying to increase my page speed ranking and on google page speed insights the only "should be fixed" issue that comes up now is:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 10 blocking script resources and 2 blocking CSS resources. This causes a delay in rendering your page.
None of the 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.
Does anyone know how would I be able to know which of these resources I can defer or asynchronously load without affecting my site? And which file I need to modify to be able to defer or asynchronously load these resources? Is it then just to add a script in the header like ?
My page speed ranking varies between 77-79 and it would be great if this could make it improve further!
A number of your scripts seem to be from external sources (I.e. not cs-cart distributed). I would guess they are from some addon(s) you are using. You should contact the developer and have them ensure that they are conforming with cs-cart V4 methodology related to JS.
Investigating a little bit I found that the 6 latter js scripts above are all related to my theme. All I need to do is to either add async or defer the loading of these scripts to the html code if I am correct? I think I would be able to fix it myself if I only knew where to access that part of the code, any idea where or how I might find it so I can add these little tweaks?
Also I dont need two of them, e.g. the jquery.parallax, since I am not using it anywhere on my page anymore. Can I then just remove it from the code to prevent it from loading?
Only problem now is that if I try to modify e.g. {script src="js/megnor/waypoints.min.js"} to {script async src="js/megnor/waypoints.min.js"} I get a service unavailable.
Any idea what I'm doing wrong or what I can do to include async or defer?
as you can see they are quite large files also so if i managed to async, defer or remove these it would hopefully affect my page speed alot! Does anyone have any idea where to look or which add-ons or functionality might be using these js scripts?
We faced similar issue with one of our client. If I check page source code, I can see that all js files are included at the bottom. But Google Pagespeed says that they are included at the top for some reason
Always makes me smile when people just assume google is correct, have you seen the state of their search engine ? :-)
I wouldn't rely on anything google application to deliver the correct results and I certainly wouldn't change my site to suit their needs. Their ranking almost certainly doesn't rely on speed to the degree that you need to change coding.