We accelerate websites

15 days free trial Sign up

Media Acceleration Stream to the world

15 days free trial Sign up

Extensive Network Excellent world coverage

WordPress CDN integration

Before you start

  • Before you take any steps please back up your files and database.
  • In the following we are going to integrate a CDN service using its CDN domain 12345.r.cdnsun.net. Please refer to Services/How-To for your CDN domain.
  • If you are going to integate a CDN service also on https:// pages then you must use CDN domain with SSL enabled.
  • If your website embeds custom fonts then please first enable CORS for them.
  • Before you take any steps please make sure that your CDN domain is ready-to-use here.

Create CDN Static service

Please refer to Creating a CDN Static service for more details.

Enable CDN in WordPress using W3 Total Cache plugin

  1. Install the W3 Total Cache plugin.
  2. Using the left menu go to PerformanceGeneral Settings.
  3. Scroll down to the CDN section.
  4. Don't tick Enable and select Generic Mirror from the CDN type select box as in the picture below.
    Set Mirror
  5. Click Save all settings.
  6. Using the left menu go to PerformanceCDN.
  7. Scroll down to the Configuration section.
  8. To the Replace site’s hostname with input field fill in your CDN domain as in the picture below.
    Set CDN Domain
  9. Click Save all settings.
  10. Using the left menu go to PerformanceGeneral Settings.
  11. Scroll down to the CDN section.
  12. Tick Enable as in the picture below.
    Set CDN
  13. Click Save all settings.
  14. That's all.

WordPress CDN integration using W3 Total Cache plugin video tutorial

Enable CDN in WordPress using WP Super Cache plugin

  1. Install the WP Super Cache plugin.
  2. Using the left menu go to SettingsWP Super Cache.
  3. Switch to the Easy tab.
  4. Select Caching On and click Update Status.
  5. Switch to the CDN tab.
  6. Tick the Enable CDN Support check box and to the Off-site URL input field fill in your CDN domain as in the picture below.
    WP Super Cache
  7. If you don’t have SSL enabled for the CDN service tick the check box Skip https URLs to avoid "mixed content" errors.
  8. Click Save Changes.
  9. That's all.

WordPress CDN integration using WP Super Cache plugin video tutorial

Enable CDN in WordPress using W3 Total Cache plugin and CDN storage

For this integration you need a CDN Static Push service. Let's assume that your CDN Static Push service and your CDN storage have the following properties.

  • CDN Static Push service
    • CDN domain - 12345.r.cdnsun.net
  • Storage
    • Server Hostname - push-11.cdnsun.com
    • Username - u841548321833
    • Password - cmHY2lsKO2
  1. Install the W3 Total Cache plugin.
  2. Using the left menu go to PerformanceGeneral Settings.
  3. Scroll down to the CDN section.
  4. Don't tick Enable and select Self-hosted / File Transfer Protocol Upload. from the CDN type select box as in the picture below.
    W3TC General Settings
  5. Click Save all settings.
  6. Using the left menu go to PerformanceCDN.
  7. In the first General section tick the options as in the picture below.
    W3TC CDN Settings/General
  8. Don't click Save all settings at this moment.
  9. Scroll down to the Configuration section and fill in FTP hostname, FTP username, FTP password, FTP path and Replace site’s hostname with input fields as in the picture below.
    W3TC CDN Settings/Configuration
  10. Click Save all settings.
  11. Using the left menu go to PerformanceGeneral Settings.
  12. Scroll down to the CDN section.
  13. Tick Enable as in the picture below.
    W3TC General Settings CDN Enabled
  14. Click Save all settings.
  15. That's all.

Notes

  • View HTML source code of your web pages to verify that you are using CDN, you should see source attribute of your images, CSS, JavaScript, etc. beginning with your CDN domain.
  • Don't see your CDN domain in source code of your web pages? If your website is using any cache plug-in/mechanism then you might want to clear/flush its cache.
  • Having troubles with custom fonts? Please refer to Using custom fonts with CDN - setting CORS for more details.
  • Still having troubles? Check your CDN URLs in our CDN content check or please refer to Debugging a CDN service for more hints.
 
 ______    _    _    __   __    _____   
|      \\ | || | ||  \ \\/ //  |  ___|| 
|  --  // | || | ||   \   //   | ||__   
|  --  \\ | \\_/ ||   / . \\   | ||__   
|______//  \____//   /_//\_\\  |_____|| 
`------`    `---`    `-`  --`  `-----`  
                                        
Europe
  • Amsterdam
  • Athens
  • Baku
  • Bucharest
  • Budapest
  • Chelyabinsk
  • Copenhagen
  • Dubai
  • Frankfurt
  • Helsingborg
  • Helsinki
  • Istanbul
  • Karlskrona
  • Khabarovsk
  • Kharkov
  • Kiev
  • Kungalv
  • London
  • Milan
  • Odessa
  • Oslo
  • Paris
  • Polevskoy
  • Rostov-on-Don
  • Saint Petersburg
  • Stockholm
  • Tel Aviv-Yafo
  • Trondheim
America
  • Arlington
  • Atlanta
  • Chicago
  • Dallas
  • Denver
  • Green Bay
  • Los Angeles
  • Miami
  • Montreal
  • New York
  • Phoenix
  • Portland
  • Provo
  • Queretaro
  • Reston
  • Sacramento
  • San Jose
  • Sao Paulo
  • Seattle
  • Toronto
  • Washington
Contact
  • e-mail: info@cdnsun.com
  • skype: cdnsun.com
  • phone: +1 844 300 9206
  • phone: +420 776 256 872
Blog Twitter LinkedIn Facebook CrunchBase Google+ / Google plus Foursquare Pinterest