Contact Form 7 Issue

What JS error do you see on the browser console when “aggregate JS” is activated kramarz ?

@optimizingmatters

Sorry, not really an expert with debugging stuff like that ??

I have enabled it on https://www.shanarcarchaeology.com/contact-us/ for you to have a look, please.

OK, can you try adding wp-includes/js to the comma-separated JS optimization exclusion list?

yea, that fixes it, but doesn’t that mean that it doesn’t really aggregate anything now?

looks like this at the moment:
seal.js, js/jquery/jquery.js, js/jquery/jquery.min.js, wp-includes/js

yea, that fixes it, but doesn’t that mean that it doesn’t really aggregate anything now?

no, as your theme & plugin’s JS will still be aggregated.

it looks like CF7 now (optionally?) uses more JS frontend, using the JSON API to fetch user data (although the response is empty, so not clear what use) and for that call to work a lot of WordPress core JS needs to be available soon. a pity, in my performance-obsessed mind .. :-/

One last question – would you say it’s ok for living wp-includes/js excluded on all the installations we use going forward, or we should rather hope for CF7 guys to fix/build their plugin in a different way?

Clearly it would be better if CF7 did not require those exclusions, but for now you’ll have to keep it that way OR alternatively you could stop the contact form from being autoptimized by adding <!-- noptimize-page --> to the HTML source of the content?

Not really a solution when for example contact form would be available on every page. ??

Ah well, we’ll see how it goes with CF7 guys.

Cheers for help.

• This reply was modified 3 years, 9 months ago by Kramarz.

you’re welcome, feel free to leave a review of the plugin and support here! ??

Update: this looks like NOT being a generic problem, as on a fresh test-site with CF7+AO with default settings nothing breaks, so it’s likely there’s a 3rd plugin (recently updated) involved too?

Well, indeed, tested as well on “naked” fresh install with only Twenty Twenty-One theme, CF7, Autoptimize & Rapid Cache active… all looks good, no errors etc…

Still, guess hard to figure out what causes any conflicts on all of the websites people report huge issues on CF7 Support forum…

I’m managing dozens of websites and have the issue everywhere, with different caching plugins as well…

And I’m not too good to be able to narrow / investigate the probable cause…

I almost feel sorry for the dev; I’m sure he invested a lot of time in the frontend-JS-refactoring and I’m sure it works great in a lab-environment, but the WordPress ecosystem is huge and JS can be touchy even when no perf. optimization is involved .. :-/

An Update:

On fresh installation, your plugin by default excludes the following:

wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js, js/jquery/jquery.min.js

That’s why you see no error?

When I use what I had on https://www.shanarcarchaeology.com/contact-us/ I DO GET SAME ISSUE ??

• This reply was modified 3 years, 9 months ago by Kramarz.

So… when I remove wp-includes/js/dist/ from exclusions, CF7 breaks.

Indeed, my tests are with default exclusions, so with JS in wp-includes/js/dist/ not optimized.