Here are the different settings that can be found for Rocket Loader™ in your Cloudflare account’s performance settings:
Please note that:
- Adding the ‘data-cfasync’ attribute within JS will not work to exclude the script from Rocket Loader™.
- The ‘data-cfasync’ attribute must be added before the ‘src’ attribute.
- Rocket loader™ will recognize the tag when either single or double quotes are placed around the attribute value.
To enable Rocket Loader™:
1. Log in to your Cloudflare account.
2. Click the domain you wish to enable Rocket Loader™ on.
3. Click the “Speed” link on the menu at the top of the page.
4. Scroll to the “Rocket Loader™” section and toggle it on or off as needed.
We ran into an issue recently turning this feature on. Somehow, the script associated with the rocket loader was breaking some of our own scripts, as well as other third-party scripts. Just FYI.
Any reason why Rocket Loader affects type attribute of script element?
This behavior is intentional?
I just encountered problems with Rocket Loader. I am building an ecommerce website with WordPress and Woocommerce. I have a product that has 6 variations and I use Woocommerce Gallery plugin to add images for each variation. After enable Rocket Loader, if I have > 115 images in total for this product, I I started seeing jQuery not defined problems in the browser console and my product gallery could not be normally loaded. With <= 115 images, it was fine. So I just disabled Rocket Loader and everything started working fine no matter how many variation images I have there.
My Amazon Native ads stopped working due to Rocket Loader. I just disabled it. Now my site is working fine.