A complete guide to help you setup maxcdn with w3 total cache plugin. I have also added a video tutorial in case you don’t like reading long articles.
Now without wasting time let’s get started with our work.
Setup maxcdn with w3 total cache plugin.
W3 Total cache is performance optimization plug-in which helps to create static content of your website’s dynamic pages. This plug-in comes with dozens of powerful and customizable options which allows you to configure the speed and performance of your website.
Now I am not going to discuss about it in details in this post as you might get diverted from your original aim.
Install the plugin.
Your very first step is to install this cache plugin to your website. You can either install it through your administration panel or you can manually upload the plugin into your wp-content folder using FTP.
Once you complete this process don’t make any changes to any of the values of this plugin.
Signup for maxcdn account.
Your second step is to sign up for maxcdn service. I will personally suggest you to sign up for annual plan as it will give you two months extra service for free of cost. Actually if you calculate then the monthly subscription will cost you more if you are planning to use this service for a longer period of time .
But if you already have an account with them then you have to just login to your control panel.
Create a pull zone for your website.
Now its time to create a pull zone. After visiting your dashboard, on the top navigation you will find a link named zones. Click on this link and on the next page click on “create pull zone” button.
Now you will directed to a page where you will have to enter all the details required to create a new CDN for your website. You can check the image which I have attached below for better guidance.
In the pull zone name you will have to enter a word which is of at-least three letters and make sure all of them are in small cap. Then you will have to enter your website’s or blog’s domain name into the origin server URL field. Make sure to attach “http://” along with your domain name or you will get an error. Now, in the label field you can enter any thing which describes your CDN. Over here you will also get option to select compression. If you want then you can enable gzip compression or else not.
Finally you have to click on “create button” and within less than 3 minutes your CDN will be ready for use.
Create custom cdn name.
From the tp navigation click on pull zone and then click on settings tab. On this page you will find custom domain settings where you can set up your personal cdn name.
Setup CNAME for your wordpress site.
So now your CDN is ready but you will have to create a CNAME so that your website’s contents like java script files, style sheets and images can be loaded from maxcdn server. In order to do so you will have to visit your hosting account.
For this step I am considering that you have a cpanel host management. So now login to you cpanel administration area and navigate to “simple dns zone editor”.
Click on simple dns editor and then you will be directed to new page where you will find fields to input data for A record and for CNAME record. You have to enter the data into your cname field. See the image I have added below for better understanding.
In the name field just enter the CDN name like static or data and the field will be automatically populated with the domain name. In the CNAME field you have to enter the value which you will receive from maxcdn.
Now connect your w3 total cache plugin with maxcdn.
It’s our final step and now you have to visit your wordpress administration panel and move to w3 total general setting page. Over here you will have to first enable CDN option and then from the CDN type select Maxcdn.
Now visit to CDN option page and over here you have replace the origin host name with the newly created CDN. For example : static.domain.com.
If you have created just one cname than just fill the first field. If you have multiple names then populate other fields.
Now you have to verify your account with your wordpress blog. Inorder to do so you have to click on Authorize button and it will automatically take you to the maxcdn validation page where you will receive your validation code. Copy that code and paste it into your “Authorization key” field. Finally click on validate button and your account will be verified. Now you can purge your content delivery network’s cache files directly from your wordpress panel.
Once you complete the last step, you can visit your website and you will find that all your static content’s are loaded from your CDN service. You will also see improved page speed and better conversion.