Set Up a CDN Using Amazon CloudFront | How To SEO
March 07, 2014
Set Up a CDN Using Amazon CloudFront - http://www.howtoseo.us
Sometimes using a caching plugin alone isn't enought to get your WordPress page speed to a reasonable level. Fortunately Amazon CloudFront can be used as an easy and affordable way to improve load times considerably.
To watch the first of two parts, go here: http://www.youtube.com/watch?v=B1vtlxc14II
In this video, I show how to setup a CDN using Amazon CloudFront with about 10 minutes of work.
You will need:
- W3 Total Cache
- Amazon S3 Account (for CloudFront)
- Access to your Domain DNS Editor
Before you start, be sure to run a test on your site at http://gtmetrix.com to create a point of reference.
1. Login to Amazon account
2. Click on name in top corner and then click on Security Credentials
3. Click Access Keys and copy the Access Key ID
4. Click the Show button for Secret Access Key (or retrieve if you already have one). Copy this key.
5. Go to WP - Performance - General Settings
6. Scroll to section marked CDN Type and select Amazon CloudFront from the Origin Pull area. Now check Enable - Save all settings
7. Performance - CDN - Scroll to Configuration
8. Enter Access Key ID and Secret Key from Amazon S3
9. Click Create Distribution
10. Go back to Amazon and navigate to CloudFront console
11. You should see the new Distribution in the Distribution List
12. Wait until the Status goes from In Progress to Active (10 min)
13. Click on the "i" icon and then copy the domain that has been assigned in the General tab
14. Go to your Cpanel, scroll to Domains section, and select Simple DNS Zone Editor
15. Create an alias in the Name field for the CNAME
16. Enter the original URL from CloudFront in the CNAME field then click Add CNAME Record
17. Go back to CloudFront and click the "i" button, then edit under the General tab.
18. Enter your CNAME into the box labeled "Alternate Domain Names (CNAMEs)" then click the Yes Edit box in the bottom right corner
19. Return to W3 Total Cache to the CDN tab
20. Add the CNAME that you created in the box "Replace site's hostname with:" #1. Then Save All Settings
21. Click Test CloudFront Distribution and it should turn green
22. Enable the settings to be cached and served by the CDN under the General settings area (same screen). Recommended settings are:
- Host attachments
- Host wp-includes/files
- Host theme files
- Host custom files
Save All Settings
Now just refresh your home page and right click to view page source. You should see most of your website files are pointing to your CDN URL.
NOTE: After step #21 it will take another 10 to 15 minutes before the Amazon server has fully deployed. During this time your site will appear broken. RELAX!!! It'll be fine once the server fully deploys.
Now go check your site at GT Metrix to see how much of an improvement the CDN has made.
Keep up to date with all my SEO training videos here: http://www.youtube.com/playlist?list=PLW5rUlmOefD858qPj6QQ1dG7uUSg-Ag4r
For more How To SEO training videos, subscribe to my YouTube channel: http://www.youtube.com/BennerBradley
Bradley Benner — http://bradleybenner.com