Autoptimize Breaking the design

what JS errors do you see on the browser console when “aggregate JS” is on and “force in head” is off?

this when force is off https://prnt.sc/q9o9mz
and this one when force is ON https://prnt.sc/q9ogtm
i hope this good

for the first one (when force JS is off); all those are Firefox internal errors, which are not relevant in this context, isn’t there any other error?

No only these error, if I follow the steps good to find the errors

OK, in that case you’ll have to try to identify what JS to exclude from JS optimization by trial and error;

1. if you have “also aggregate inline JS” on, first and foremost try deactivating that
2. try excluding wp-content/themes first, if that works you’ll need to exclude one or more of your theme JS files
3. if that does not work, remove wp-content/themes and exclude wp-content/plugins instead. if that works you’ll have to try to exclude each plugin separately to identify the culprit

feel free to follow up ??
frank

I appreciate if you just answer me this ,these steps can be done by a plugin ?

no, this is Autoptimize configuration troubleshooting, changing settings in Autoptimize and seeing what happens ??

Thank you Mr. Mark after i put this code
wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js, wp-content/plugins
i dont know if its correct its work perfectly can you just give me an example how to put the code for the plugin ? to try them one by one thank
and any sugeest for another plugin to use with Autoptimize to improve my site more

i dont know if its correct its work perfectly can you just give me an example how to put the code for the plugin ?

well, view the source of an un-optimized page (by adding ?ao_noptimize=1 to the URL) and in that HTML source do a search for wp-content/plugins, which whill give you e.g. wp-content/plugins/woocommerce or wp-content/plugins/jetpack or others. make a list of that and then try to exclude these one at a time (removing the previous one) until you find the one that is breaking your site when JS-optimized.

hope this helps,
frank

i found it wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js, wp-content/plugins/mrbara-vc-addons

now do i need to discover more inside mrbara-vc-addons ? or i let it like this and these code from the first
wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js
actually i copy them from another post !

this is the results which i have https://prnt.sc/qa03xx

Good find! I would simply keep wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js, wp-content/plugins/mrbara-vc-addons ??

on page speed i have this results
https://prnt.sc/qa14pw
https://prnt.sc/qa15b2
its about the same thing ?

unused CSS cannot be fixed by AO, but for render-blocking you could have a look at “inline & defer CSS”, there’s more info in the AO FAQ about that ??