How can I eliminate render blocking resources to improve mobile speed?

[Quondy]

Hello community,

I am constantly checking my website speed on Google Page Speed and GTMetrix.

I am always flagged with the Remove Unused Javascript and Eliminate Block Rendering Resources.

As for the Java script it is related to Google Tag Manager

As for the Blocking Resources the base.css is the culprit according to GPS.

Also I am advised to reduce 3rd party code impact.. most of the code comes from Shopify and Google Tag Manager.

The product page mobile speed is even worst. 

How can I improve the speed score for the mobile version?

Webiste is www.mastrozavattistore.com

Thank you for your help and suppoort

[kaalTechGeeks]

Hi @Quondy, 

With the store URL you provided it was very helpful in telling you the exact issues for your store.
I have checked your website speed score and it is 62/100 for mobile device and 99/100 for the desktop. These scores are actually good but by resolving few major issues the speed scores can be improved further.  

In order to work on certain major issues: 
1. Eliminate render blocking resources - you have to preload to base.css file and other stylesheets and you have to use async and defer attributes for the scripting files. 
2. Eliminate render blocking resources - you need to work on lazy-loading the script files coming from the apps and shopify's "content_for_header". 
3. And in order to fix the issues related to google tag manager and facebook sales channel script this requires certain codes which are known to the developers who work on speed projects, so you need to hire one for same.  
NOTE: working on the speed part for the store requires a hefty knowledge of coding in shopify liquid and javascript. So you should hire a developer if you do not have enough confidence to work with the codes. You can let me know if you are willing for speed optimization for your website. 

Thanks & Regards
KaalTechGeeks