Am using Wp Rocket, the moment I enable Cloud Flare and change the Name Servers to CloudFlare Name Server both my WordPress front end and back end display becomes Messed Up. I don't know why this is happening. The moment I remove the website from Cloud Flare and change the Name Servers to the default Name Server Everything becomes fine. What I do I do solve this problem once and for all. I need you help
1. If you are using the Cloudflare add-on there is no need to add any Cloudflare info into the CDN Tab. That said, WP Rocket is also compatible with most CDN providers, including
Amazon Cloudfront, MaxCDN, KeyCDN and others.
2. The first step to use them together, is
adding your site to your Cloudflare account.
3. Cloudflare can perform the minification process of CSS and JS files as well as WP Rocket, but there is one extra thing that WP Rocket does, and it is called concatenation. This means that WP Rocket combines files into little groups for better compatibility and performance, and that is one useful feature that is not included in Cloudflare.
We recommend you activate minification in Cloudflare as well as WP Rocket in order to get the best results.
4. In the
Add-ons settings tab you will see the
Cloudflare add-on. Switch
Add-on status to
ON
Troubleshooting
The most common cause of issues when using Cloudflare is their
Rocket Loader feature. If you see display issues, or JavaScript errors while running Cloudflare, disable
Rocket Loader and clear your cache to see if this fixes the problem. (
Rocket Loader is in no way related to WP Rocket.)