Reply 190152 to: Eliminate render-blocking JavaScript and CSS in above-the-fold content

Avatar: ahmadtalal
ahmadtalal
Participant
April 3, 2018 at 16:06

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

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.