Cloudflare's Rocket Loader can significantly improve your website's performance by optimizing the loading of JavaScript files. However, it may sometimes cause conflicts with the jQuery library, leading to functionality issues on your site.
In this article, we will guide you through the process of resolving conflicts between Cloudflare's Rocket Loader and jQuery.
Learn how to identify and address these conflicts by adjusting Rocket Loader settings, implementing custom code, and ensuring compatibility with jQuery.
Log in to your CloudFlare account
Go to Page Rules
Click on the Create Page Rule button
Set the URL field to https://website.com/*et_fb=* (replace website.com with your own domain)
In the Then the settings are dropdown, choose Rocket Loader
Ensure it is set to Off
Click on the Save and Deploy button to apply the rule
Note: Divi uses ?et_fb= as the URL parameter when the Visual Builder editor is active. Adding /*et_fb=* to the end of your domain in Page Rules RocketLoader settings ensures that the jQuery library loads correctly.