‘Load form using AJAX’ option ON random not render the form

Hi @carcayu80

I hope you are doing well.

Sorry to hear you are having this issue.

We could replicate the issue on your website, I checked similar cases but couldn’t find any.

Is it possible to exclude the following paths from the Critical CSS feature from WP Rocket:

/wp-content/uploads/forminator/(*)/css/(*.)css
/wp-content/plugins/forminator/assets/css/(*.)min.css
/wp-content/plugins/forminator/assets/css/(*.)css

And the following ones for any JS optimization:

/wp-content/plugins/forminator/assets/forminator-ui/js/(*.)min.js
/wp-content/plugins/forminator/assets/forminator-ui/js/(*.)js

/wp-content/plugins/forminator/assets/js/library/(*.)min.js
/wp-content/plugins/forminator/assets/js/library/(*.).js

/wp-content/plugins/forminator/build/front/(*.)min.js 
/wp-content/plugins/forminator/build/front/(*.)js

Let us know the result you got.
Best Regards
Patrick Freitas

Sorry, even adding your js excluding lines, and other ones provided by wp rocket, the form doesnt show. See this:

https://www.loom.com/share/cc08de17eaef4195b3ff4700e2da5165?sid=d9e1bf8a-12d4-48a1-b21c-4b802d9a9ac4

What it happens is that, if I see the non cached version of the page (the first one in the video) the form will show after 1-2 seconds, as I use the load Ajax option to avoid cached issues.

BUT

The second url is the cached version of the page. And the form does not show (I use the Delay Javascript execution of WP Rocket) until I move the mouse, which is not what I want. I have tried to avoid it using all this exclusions, with no result:

/wp-content/plugins/forminator/assets/forminator-ui/js/((.*).)min.js
/wp-content/plugins/forminator/assets/forminator-ui/js/((.*).)js
/wp-content/plugins/forminator/assets/js/library/((.*).)min.js
/wp-content/plugins/forminator/assets/js/library/((.*).).js
/wp-content/plugins/forminator/build/front/((.*).)min.js
/wp-content/plugins/forminator/build/front/((.*).)js
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.js
forminatorFront
/forminator/build/front/front.multi.min.js
/forminator/assets/js/library/jquery.validate.min.js
/forminator/assets/forminator-ui/js/forminator-form.min.js
/forminator/assets/forminator-ui/js/select2.full.min.js
/wp-includes/js/jquery/ui/datepicker.min.js
/wp-includes/js/dist/vendor/moment.min.js

Hello @carcayu80 ,

And the form does not show (I use the Delay Javascript execution of WP Rocket) until I move the mouse,

This intended behaviour of the Delay JavaScript feature. It loads scripts until user interaction (e.g. scroll, click). However, there should be an option to set a timeout in seconds so that the scripts will be loaded if no user interaction has been detected.
I’m not familiar with WP Rocket features, but I assume it should have that option. So you can set up to a very low limit.

kind regards,
Kasia

Hi @carcayu80

We haven’t heard from you in a while, I’ll go and mark this thread as resolved. If you have any additional questions or require further help, please let us know!

Kind Regards,
Kris