WordPress with WP Rocket: StackPath CDN Setup Guide

A simple walk through guide of how to set up StackPath CDN and WP Rocket so they work together on your WordPress website.

WP Rocket is a caching and performance optimization plugin for WordPress that improves page load time. Installation and configuration can be completed in less than 3 minutes.

This article will walk you through how to perform a static assets integration, which does not support the use of the StackPath Web Application Firewall (WAF). If you’re looking to maximize security by using our CDN with the WAF, please refer to the CDN & WAF integration guide.

Before you begin, we highly recommend you test the performance of your site using Google Page Speed or Pingdom Tools. You can test your site now and after setting up the plugin for a before and after performance comparison.

This tutorial assumes you've already gone through the steps to create a StackPath Site and the WP Rocket plugin is purchased.

Installation

1. Log in to the WordPress admin panel:

   

2. On the left-hand menu, hover over Plugins and select Add New:

   

3. At the top of the page, click Upload Plugin.

4. Click Choose File. Then grab the WP Rocket plugin file from the folder you saved it to. After selecting it click Install Now.

5. Click Activate Plugin.

Configuration

1. In the top menu click the WP Rocket link.

2. Click the CDN tab.

3. Enter your Edge Address in the text field called CDN CNAME(s).
   
   
   

4. Save the changes.

Verify the source code of any page to confirm that the CDN domain is being used for static assets instead of your origin domain. Your Edge Address should precede directories designated for static content is located.

Test Speed and SEO after Stackpath CDN is enabled

At this time, you should perform another speed test by using Google Page Speed and Pingdom Tools.

Compare the before and after tests and note that it can take one to seven days for your site to reflect the performance improvements of a CDN. Both of these test sites also will give you SEO recommendations that you can follow.

What's Next?

Feel free to take a look at these articles for some possible next steps with your CDN Integration:

1. CDN Configuration Settings Explained
2. CORS Header Configuration
3. StackPath SSL Options

We are always happy to help answer questions and to help make sure you experience the fastest and most secure experience with Stackpath CDN.