Abdul Khalique

and what about these:
Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
https://connect.facebook.net/en_GB/sdk.js (20 minutes)
https://apis.google.com/…:platform.js?onload=theChampGoogleOnLoad (30 minutes)
https://apis.google.com/js/rpc:shindig_random.js?onload=init (30 minutes)
https://www.google-analytics.com/plugins/ua/linkid.js (60 minutes)
https://www.google-analytics.com/analytics.js (2 hours)

Can i remove these?
or can you suggest me which another plugin i can use along with AO to fix these?
I am using Cloudflare for cdn purpose

Please have a look here
Its still blocking

Unfortunately if i enable inline and deffer css, my website behave very badly. It could not load as it is.

Yes. Now i had disables the js optimization that’s why its working now. if i enable js optimization, both mobile menu and social login will stop working.

Great. I fixed that problem by checking only try/cache option. But degrade my gtmetrix score and google pagespeed, unfortunately. But my problem is solved

Rocket loader is disabled in cloudflare. Can you tell me is there any option that if i exclude some js the problem will be solved? If yes then what js should be excluded. I am on hueman theme.

Already disabled try/cache wrapping. Same problem.

now i had excluded those js succesfully but still mobile menu and social login is not working.

Now i had removed main.js. i am not so technical could you please tell me exactly what i have to exclude from that very 4 links which i had provided to you.

https://www.notespro.info/wp-includes/js/jquery/jquery.js

https://www.notespro.info/…includes/js/jquery/jquery-migrate.min.js

https://www.notespro.info/…ssets/front/js/libs/mobile-detect.min.js

https://www.notespro.info/…s/front/js/libs/jquery.flexslider.min.js

main.js was in default. I didn’t added anything new. Recently i had disabled js optimization and find my website is working absolutely fine but scores low in google page speed and yslow of gtmetrix.
In gopgle page speed i got error of remove render blocking the links are:

https://www.notespro.info/wp-includes/js/jquery/jquery.js

https://www.notespro.info/…includes/js/jquery/jquery-migrate.min.js

https://www.notespro.info/…ssets/front/js/libs/mobile-detect.min.js

https://www.notespro.info/…s/front/js/libs/jquery.flexslider.min.js

If i optimize these js, again the mobile menu and social login were not working. Hence i need to exclude these. But how can i add these 4 links. Although in w3tc we have an separate options for excluding separate links. But in AO there is a single space where i have to put these 4 links. How can i do this. Any other suggestions.
If main.js should not be excluded is there will be any problem?

I didn’t get any js error in console. I had excluded
Html Options:
Optimise html code- checked
Keep html comments- checked

Js options-
Optimise js code- yes
Also aggregate inline js- checked
Exclude scripts from autoptimize- main.js, seal.js, js/jquery/jquery.js
Add try-catch wrapping – checked

Css option:
Optimise css code- yes
Generate data: url for image- checked
Also aggregate inline css- checked
Inline all css- checked
Exclude css- admin-bar.min.css, dashicons.min.css

Now my social login button is also invisible.

How can i provide you the screenshot? At present i am on mobile.

Unfortunately i had tried everything but still the problem persist.