Hi,
Thanks a lot for replying.
I have added that piece of code to the function.php and also exlude head.js from autoptimize.
Head.js exlusion:
https://prnt.sc/j0anxj
Then when i try to check the website then at the single product page the images was scattered all over the place again.
then i look into it and check with chrome developer tool in console the check the errors.
all those errors was generated from JQuery script
Console Errors:
https://prnt.sc/j0apuc
so then what i did was to exclude Jquery also from Autoptimize
Jquery Exclusion:
https://prnt.sc/j0aqx8
after that all the errors are gone but still I have the Google font Api errors.
google fonts errors:
https://prnt.sc/j0arno
but even with that i tried to check with google page speed tool and the score turned out to be almost the same.
for desktop it was 68/100.
and still its showing me the same suggestions at google page speed.
suggestions at google page speed:
https://prnt.sc/j0au6l
I m having problem with this autoptimize and jquery when i have installed the child theme. before the child theme when i tried it with the parent theme then it was fine. it didnt break anything. but since i have isntalled the child theme and when i enable autoptimize for js then it breaks the Jquery script.
Looking forward to be fixed soon.
Thanks a lot for replying and helping