A Complete, Working Example of WP Rocket

Posted OnFeb 20, 2015     CategoryPlugins     CommentsNo comment

In this article we’ll run through all the steps to completely setup WP Rocket on a WordPress Website, feel free to follow along. Our example is using the Twenty Fourteen theme.

Step 1) Login to the WordPress Dashboard.

Step 2) From the left-hand sidebar of the Dashboard, navigate to Settings -> WP Rocket -> Basic Options.

Basic Options

Step 3) Place checkmarks in each of the checkboxes as shown below.


Step 4) Click the Save Changes button to save any changes.

Step 5) View your website to see if there are any issues with the selections made.

For this example, the CSS file(s) appear to have stopped working.


Step 6) Remove the checkmark from the CSS checkbox. Save the changes and view your website again.

This appears to have resolved the issue. Please refer to the WP Rocket documentation for further troubleshooting of CSS or JavaScript issues.


If the issues persists or a new issue appears, remove one checkmark at a time, save and view your website.

Advanced Options

Step 7) Add the appropriate files to each area shown below. We recommend that you take the time to review your files and determine which ones to add.

For this example, two files were added.


Step 8) Click the Save Changes button to save any changes.

Step 9) View and test your website to see if there are any issues with the selections made.

Step 10) Make changes as needed.

CDN Options

Step 11) For this example, we placed a checkmark in the Enable Content Delivery Network checkbox.

Step 12) Navigate to the CDN website you selected and setup in the How to Configure the WP Rocket CDN Options Guide.

For this example, we created an account at CloudFlare.

Step 13) Login to your CloudFlare account.

Step 14) Enter the URL of your website you want to add in the textbox.

Step 15) Click the Add Website button to continue.


Step 16) To the right of each line, click the cog icon to display a dropdown menu.

Step 17) For the line(s) that need modifications, click the Edit menu option and modify the Name and Value fields as needed.


Step 18) Click the Save button to save any changes.


Step 19) Click the I’ve added all missing records, continue button.


Step 20) Complete the fields based on your needs.

Step 21) Click the Continue button.


Step 22) Make the appropriate changes to your Nameservers.

Step 23) Once the Nameservers have been modified, click the I’ve updated my nameservers, continue button.


Step 23) Now, you will need to wait the requisite 24 hours for this information to populate.


Step 24) Once everything has been setup, login to CloudFlare.

Step 25) From the main menu, click the Dashboard button.

Step 26) From the Dashboard window, click to select your website name and length of time to view.


From the Dashboard area, you can view your website analytics information.

Tools Options

Step 27) Navigate back to your WordPress site.

Step 28) For this example, we placed a checkmark in the Yes I do! checkbox to participate in the WP Rocket Beta Program.

Step 39) If necessary, click the Preload Cache button.

Step 30) For this example, we will not be using the Export or Import settings area. Click here for detailed instructions.

Step 31) Click the Save Changes button to save any changes.


This concludes our guide of the WP Rocket plugin.


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend