A Content Delivery Network (CDN) uses geographically distributed servers to deliver website assets from locations closer to visitors. Binding a CDN to WordPress can improve page-loading speed, reduce origin-server traffic, and increase website reliability. The configuration process depends on whether the WordPress installation uses LiteSpeed or NGINX.
Faster Static Content
Serve images, CSS, JavaScript, and other static assets from CDN edge locations closer to website visitors.
Reduced Origin Load
Offload eligible static requests from the WordPress application server to the CDN infrastructure.
For LiteSpeed-based WordPress installations, CDN integration is configured through the LiteSpeed Cache plugin.
1Verify LiteSpeed Cache
Open the WordPress Plugins page and make sure that the LiteSpeed Cache plugin is installed and active.
Verify that the LiteSpeed Cache plugin is active.
2Open CDN settings
Navigate to LiteSpeed Cache > CDN and open the Other Static CDN tab.
Dedicated integrations: If the website uses QUIC.cloud or Cloudflare CDN, use the corresponding dedicated tab instead of the Other Static CDN tab.
Open the Other Static CDN settings in LiteSpeed Cache.
3Enable CDN Mapping
Turn on Use CDN Mapping and enter the CDN base URL in the CDN URL field.
Include Images — serve image files through the CDN.
Include CSS — serve stylesheet files through the CDN.
Include JS — serve JavaScript files through the CDN.
Include File Types — define any additional file extensions that should be delivered through the CDN.
Enable CDN Mapping, enter the CDN URL, and choose which asset types should be served through the CDN.
4Save the configuration
Click Save Changes to activate the CDN mapping.
LiteSpeed Multisite: When WordPress Multisite is enabled, repeat the LiteSpeed CDN configuration separately for every website in the network.
NGINX-Based WordPress Installation
For NGINX-based WordPress installations, CDN integration is configured through the W3 Total Cache plugin.
1Install and activate W3 Total Cache
Open the WordPress Plugins page and ensure that the W3 Total Cache plugin is installed and active.
Verify that W3 Total Cache is installed and activated.
2Open CDN general settings
Navigate to Performance > General Settings and locate the CDN section.
Open the CDN section in W3 Total Cache.
3Enable CDN
Select the Enable checkbox, choose the required CDN Type from the drop-down list, and click Save Settings.
Enable CDN support and select the appropriate CDN type.
4Open the hostname configuration
After enabling CDN, W3 Total Cache may display a warning that the Replace default hostname with field is empty. Click Specify it here, or navigate manually to Performance > CDN.
Use the warning link to open the CDN hostname configuration.
5Enter the CDN endpoint hostname
Replace the website’s default hostname with the CDN endpoint hostname supplied by the CDN provider, and then click Save Settings.
Enter the CDN endpoint hostname in the Replace site’s hostname with field.
Multisite Behavior
LiteSpeed-Based Multisite
CDN mapping must be configured separately for each site in the WordPress Multisite network.
NGINX-Based Multisite
CDN configuration does not need to be repeated for every site. Newly created websites in the network are served through the configured CDN automatically.
Result: After the CDN is bound successfully, eligible WordPress static content is delivered through the configured CDN endpoint instead of being served only from the original WordPress application server.
