Tuesday , 2 September 2014
Home | Articles | Wordpress | How to Configure MAXCDN with WordPress
How to Configure MAXCDN with WordPress

How to Configure MAXCDN with WordPress

If you are running a popular website that utilizes WordPress you may have been asking yourself how you can have the site perform better. Outside of the slew of plugins and functions you can use, you can use a CDN (Content Delivery Network) to speed things up a notch. A content delivery network is a slew of computers or servers located around the state, country, or wold that caches data for you. This can reduce latency by having content delivered to your reader from a location that may be closer to them than your hosting provider’s server is.

If you are ready to take the plunge and sign up for a CDN, do your research.  Pricing and options vary greatly.  For a few of the sites I work with, we have chosen to use MAXCDN and this tutorial is by no means an endorsement or a review of their services.

Prerequisites:

First thing is first, you will need to install a caching system for WordPress.  MAXCDN recommends using W3 Total Cache, but I have had some issues with it in the past and have settled comfortably on WP Super Cache.

Secondly, you will have to have a MAXCDN account.

Once you have fulfilled both of those requirements you can start to set up your MAXCDN service.

  1. Click Manage Zones
  2. Under Pull Zones click Create Pull Zone
  3. Pull Zone Name: Type something like “MY SITES PULLZONE” (I chose “testing” for this tutorial)
    Origin Server URL: this is your website’s domain name (ie. http://computingondemand.com)
    Custom CDN Domain: This will be like a subdomain of your website.  You can use something like mycdn.computingondemand.com
    Label: Something descriptive
    Compression: I would enable this by checking the box.
  4. Press the Create button

wordpress maxcdn 01 250x160 How to Configure MAXCDN with WordPresswordpress maxcdn 06 250x160 How to Configure MAXCDN with WordPress

You will be greeted by a similar screen and may be wondering if what you did actually worked, but if you notice, there is a green box at the top that states:

Pull Zone has been successfully created. Manage Pull Zone
Please create a CNAME record for mycdn.yourdomain.com to testing.yourdomain.netdna-cdn.com

wordpress maxcdn 07 250x160 How to Configure MAXCDN with WordPress

Now, you should create a CNAME record for you new CDN.  If you don’t know how to do this, ask your website administrator or the hosting company you use.  This may be the only aspect of this tutorial that you do not have control over.  If you use a Control Panel, you can most likely log into it and create the CNAME record very easily.

If you are using cPanel you can just use the filter at the top to find Simple DNS Zone Editor.

wordpress maxcdn 02 How to Configure MAXCDN with WordPress

Under the section for Add a CNAME Reccord:

  1. Name: mycdn.yourdomain.com
  2. CNAME: testing.yourdomain.netdna-cdn.com

wordpress maxcdn 03 242x250 How to Configure MAXCDN with WordPress

Once all that is finished, you can configure WP Super Cache and WordPress to use your new CDN.

In your settings section of WordPress, click the options for WP Super Cache.  Depending on your configuration, this may open to Easy or Advanced.

  1. Click the CDN Tab
  2. Check the box for Enable CDN Support
  3. Populate the Off-site URL with your friendly CDN URL: mycdn.yourdomain.com
  4. Leave the defaults for the rest.
  5. Click Save Changes
  6. Click the Contents Tab
  7. Delete Cache

wordpress maxcdn 04 244x250 How to Configure MAXCDN with WordPresswordpress maxcdn 05 250x156 How to Configure MAXCDN with WordPress 

Enjoy!

About Joe DiFiglia

I have always had a passion for everything computing. In early 2000, I decided to take my passion to the web. Thus, C.O.D. was born. Through the years we have made many great friends at C.O.D. and hope to continue our journey for years to come.