What is the name of the domain?
https://pay.ovah.us/special-offer-004
What is the error message?
the one checkout page keep loading
What is the issue you’re encountering
the checkout page remains loading and the css with auto minify just resize the website
What steps have you taken to resolve the issue?
We are encountering a problem with ClickFunnels when using Cloudflare’s Rocket Loader. The Rocket Loader feature is causing JavaScript errors on our one-page checkout funnel, resulting in the page not functioning as expected. This issue manifests as errors related to addEventListener and other JavaScript operations failing to execute properly.
Troubleshooting Steps Taken
JavaScript Modifications:
We identified that the Rocket Loader might be interfering with our scripts. To mitigate this, we added the data-cfasync=“false” attribute to our scripts to prevent Rocket Loader from delaying them.
Here is an example of the script modification:
html
Copy code
Auto Minify Setting:
We noticed that Cloudflare’s Auto Minify setting might be minifying our JavaScript in a way that breaks functionality. We temporarily disabled Auto Minify for JavaScript to see if this resolves the issue.
Custom Page Rule:
We attempted to create a custom page rule in Cloudflare to bypass Rocket Loader for specific JavaScript files (e.g., jQuery):
markdown
Copy code
When incoming requests match…
Field: URI Path
Operator: contains
Value: jquery.min.js
Results and Observations
Despite these modifications, we are still encountering issues where the page does not function correctly when Rocket Loader is enabled. The JavaScript errors continue to persist, indicating that there might be deeper conflicts between Rocket Loader and our page’s scripts.
Request for Assistance
We are seeking assistance on the Cloudflare Community to identify further steps or best practices to resolve these issues. Specifically, we need guidance on:
Ensuring compatibility between Rocket Loader and our ClickFunnels one-page checkout.
Best practices for applying data-cfasync=“false” efficiently across multiple scripts.
Are there any additional configurations in Cloudflare that might help mitigate these JavaScript errors without disabling Rocket Loader entirely.
Note on Auto Minify
While Auto Minify for JavaScript improves page load times by reducing file size, it can sometimes cause scripts to break if not minified correctly. Disabling this feature temporarily helped us understand that minification might be part of the problem, but we are looking for a solution that allows us to retain performance benefits without compromising functionality.
What are the steps to reproduce the issue?
activating rocket
Screenshot of the error
