Install and Configure MAXCDN in a WordPress blog hosted on Hostgator

Add CDN in WordPress blog with MAXCDN

MAXCDN and WordPress

Speed of a web page is now an important factor for getting better search position in Google.com results. Getting higher speeds is usually impossible for WordPress blogs on a shared web hosting account if there are a lot of static images, files, plugins and streaming media hosted on the server,  and if thousand of people are accessing them at the same time. The concept of CDN is very simple.  A CDN takes copies of CSS,  images, JavaScript, video-audio streams of the blog  in different network locations worldwide and sends it to the users near to that location.  So ultimately, the shared web hosting server handles only the database queries and loading HTML and other important files. Thus the overall experience of the user and the health of the server improves by making use of the CDN network. Recently, we purchased a MAXCDN account to use it with Techknowl.com and a few other WordPress blogs in our network. MAXCDN works perfectly in combination with W3 Total Cache Plugin for WordPress.  Here in this article we will tell how can add a CDN in WordPress blog with MAXCDN step-by step.

MAXCDN is one of the cheapest and most reliable CDN network available for bloggers. Its offers around 1TB of bandwidth for only $29 (with coupon for the first year),  valid for one year and can be used with several WordPress blogs. Most of the MAXCDN nodes are placed in USA and Europe,  and they are in the process for upgrading tier network locations. As said earlier, we are using a plugin called W3 Total Cache for easy installation of MAXCDN in WordPress. So before we proceed, uninstall any other WordPress caching plugin used in your blog.

Install and Configure MAXCDN in a WordPress blog hosted on Hostgator:

Open your MAXCDN dashboard and move to Manage Zone and then to Pull Zones.

The custom CDN domain is from where your files are served.  We have enabled compression as Hostgator supports this feature.

Click on Create Pull Zone.

Create new Pull Zone in MAXCDN

Create new Pull Zone in MAXCDN

In the next step, MAXCDN will give a CNAME record something like pullzonename.none9.netdna-cdn.com, that we have to point it to the custom CDN domain created from Hostgator cPanel. Open your web hosting cPanel and move to the Simple DNS Zone Editor from the Domains tab. In the Add an CNAME Record section, enter the following details, without spaces.

Add CNAME record in cPanel

Add CNAME record in cPanel

Now wait for a few hours to complete the DNS propagation.

After DNS changes, open WordPress dashboard and then to the W3 Total Cache General settings.

In the Content Delivery Section, Select CDN Type: as Mirror:  NetDNA/MAXCDN and save the settings. Remember not to tick the enable CDN check-box at this point.

Add hostname in W3 Total Cache

Add hostname in W3 Total Cache

Now Open the CDN settings in W3 Total Cache. As shown in the screenshot, change the site’s hostname box with the Custom CDN domain created in Hostgator cPanel, that is cdn.techknowl.com in our case.  Return to the General settings and enable Content Delivery Network. Now clear all existing cache files using the button at the top section of W3 Total Cache plugin.  That’s it, you have added a CDN in your WordPress blog with MAXCDN.

This entry was posted in Uncategorized by Jhon. Bookmark the permalink.

3 thoughts on “Install and Configure MAXCDN in a WordPress blog hosted on Hostgator

  1. Dude you just saved my life! I’ve been looking everywhere for good instructions and even Maxcdn doesn’t have them. Your instructions are by far the most clear. Thank you.

Leave a Reply

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