Delete render blocking javascript and css

[Marks407]

Hello friends.

I was checking my score on google page speed and i got 1 recomendation that is "Delete render blocking javascript and css"

I searched everywhere and found some lines of code to add or change, but i cant find the file i have to change.

Could someone that knows how to do it help me?

 

Best regards

Nuno Gonçalves

[yaniv14]

Hi,

 

First of all its not delete render blocking..... it's eliminate.

There is no quick fix for this.

 

Basically what Google recommend is to eliminate to call (usage) of CSS & JS that are not important for the above the fold area (The part the user see before he need to scroll).

So the user will get your page as fast as possible.

After he get the above the fold (scroll) part you can still load CSS & JS.

 

In order for you to fix it (Its almost impossible to get it 100%), you need to examine each css file & js file (and inline functions) and to check if its related to the above the fold area or you can load it in the end of the body.

 

Its not easy, I recommend you focus on fixing the rest of Google recommendations and leave this recommendation.

 

Good luck 

[El Patron]

I know old post but now there is solution

We wrote  two modules for our inhouse 'demanding' clients and have made them available to PrestaShop community.

cssPro  removes .css render blocking: https://prestaheroes.com/collections/performance/products/csspro-eliminate-render-block-css

JavaPro removes .js render blocking