November 12, 2015
This tutorial assumes you have already created a Pull Zone.
Installing WP Performance Pack
- Log into your WordPress admin panel
- Hover your mouse over “Plugins” and click “Add New”
- In the “Search” box, type “WP Performance Pack” and click “Search Plugins”
- Click on “Install Plugin” next to the WPPP created by Björn Ahrens
- When process is done you can enable it by hitting the “Activate plugin” button
Configuring WP Performance Pack
- Navigate to Settings -> Performance Pack
- You will see in front of you “Simple View” for WPPP settings, to get more options click on “Switch to advanced view”
- Under “CDN Support” section find “Select CDN provider” and select “MaxCDN” for type of CDN
- Enter your CDN URL into the provided field called “MaxCDN Pull Zone URL:” <- example http://foo.bar.netdna-cdn.com. Note that http:// will be appended automatically if you leave it out.
- Under “Use CDN for images” you can choose where to apply CDN to:
- Click on “Save Changes”
- After this is done you are fully integrated with CDN and your images are going to be served from CDN
- Any issue preventing proper CDN response will result in notification toolbar showing.
To ensure you implemented MaxCDN correctly, you can view the source code of any page to confirm that the CDN domain is being used for static assets instead of your origin domain. You can also use tools like pingdom, gtmetrix, webpagetest that can give you more detailed reports on your CDN implementation status.
- WPPP plugin will pull your images (images only) from CDN and only those that were uploaded through Media manager into the Media Library.
- WPPP plugin has a fallback ability in case your CDN zone fails to return a valid response. Regular notification you would see in admin area is:
Either the CDN is down or CDN configuration isn’t working. Fallback to local serving is active. This check will be repeated every 15 minutes until the configuration is changed or the CDN is back up.
- “Use CDN for images” allows you to choose whether you want CDN on back end, front end or on both ends.