Vultr DocsLatest Articles

How to Set Up Vultr CDN Pull Zones for WordPress Websites with W3 Total Cache

WordPressVultr CDNW3 Total Cache
HM
Updated on November 21, 2023
How to Set Up Vultr CDN Pull Zones for WordPress Websites with W3 Total Cache header image

Introduction

W3 Total Cache is a WordPress caching plugin that offers multiple configuration options and support for Content Delivery Networks (CDNs) such as Vultr CDN. Vultr CDN Pull Zones enable the automatic caching of your WordPress site to improve the delivery of static assets such as images, documents, and media files.

This article explains how to set up Vultr CDN Pull Zones for WordPress websites using the W3 Total Cache plugin.

Prerequisites

Before you begin:

  • Create a Vultr CDN Pull Zone for your WordPress website by providing the domain name as the origin URL.

  • Login to the WordPress administration dashboard.

    https://example.com/wp-admin

Install W3 Total Cache

Follow the steps below to install the W3 Total Cache on your WordPress website.

  1. Navigate to the Plugins page on the main navigation menu.

  2. Click Add New Plugin to browse the WordPress plugins database.

    Install a new WordPress Plugin

  3. Enter w3 total cache as the keyword in the search plugins field.

  4. Verify the search results and click Install on the W3 Total Cache plugin result to install it.

  5. Click Activate to enable the plugin when the installation is successful.

    Activate W3 Total Cache

Configure W3 Total Cache

  1. Find and click Performance on the main navigation menu to access the W3 Total Cache configuration page.

  2. Click General Settings from the drop-down list of options.

    Access W3 Total Cache General Settings

  3. Scroll and find the CDN section.

  4. Check the CDN: Enable option to activate the CDN configuration options.

  5. Click the CDN Type drop-down and select Generic Mirror from the list of CDN options.

    Select W3 Total Cache Generic Mirror

  6. Click Save Settings to apply changes.

  7. Find and click CDN on the plugin navigation list, or click Advanced Settings to navigate to the CDN setup page.

  8. Verify that the following prompt displays at the top of your CDN configuration:

    Content Delivery Network object support via mirror is currently enabled and not authorized.

Content Delivery Network full-site-delivery support via None is currently disabled and not authorized.

  9. Scroll to the Configuration: Objects section and keep Auto (determine connection type automatically) as the active SSL support option.

  10. Enter your Vultr CDN Pull Zone URL in the Replace site’s hostname with: field.

    Enter the Vultr CDN Pull Zone Endpoint in W3 Total Cache

  11. Click Test Mirror to save changes and test your Vultr CDN connection.

  12. Verify that a Test Passed prompt displays as your Test Mirror result.

  13. Click Save Settings to apply your CDN configuration.

  14. Verify that the following options are enabled in your General section:

    W3 Total Cache General CDN options

    • Host attachments: Caches all WordPress website attachments to the Vultr CDN Pull Zone.
    • Host wp-includes/files: Caches all enabled wp-includes file types to the Vultr CDN Pull Zone.
    • Host theme files: Serves all enabled theme files from the Vultr CDN Pull Zone.
    • Host minified CSS and JS files: Caches all minified files to the Vultr CDN Pull Zone.
    • Host custom files: Caches all custom file names and paths specified in your advanced configuration to the Vultr CDN Pull Zone.

  15. Scroll to the Advanced section, and activate the following options:

    W3 Total Cache Advanced CDN Options

    • Use CDN links for the Media Library on admin pages: Rewrites all WordPress image links with the respective Vultr CDN URL links.
    • Disable CDN for the following roles: Disables cached WordPress data for administrative user roles.
    • Add CORS header: Enables CORS policies depending on your Vultr CDN Pull Zone's CORS status.

  16. Verify the wp-includes and theme file types to cache with your CDN.

  17. Click Save Settings to apply your CDN configuration changes.

Test the Vultr CDN Pull Zone Integration

  1. Access your WordPress website in a different web browser such as Chrome to visit your site as a regular user.

    https://example.com

  2. Right-click anywhere within your website and select Inspect from the list of options.

    Inspect WordPress website sources

  3. Navigate to the Sources tab and verify that your Vultr CDN Pull Zone URL is available on the list of website sources.

  4. Right-click any of your WordPress website images and select Copy Image Address or Copy Image Link depending on your web browser type to test the CDN image integration.

  5. Paste the image link in your URL bar, and verify that it uses a Vultr CDN Pull Zone URL instead of your original WordPress website's URL.

    Copy a Vultr CDN Image URL

  6. Press Enter to visit the URL address and verify that your WordPress website image displays correctly as your web browser result.

Conclusion

You have installed W3 Total Cache and configured your WordPress website to serve cached content from your Vultr CDN Pull Zone. You can offload all supported file types and use W3 Total Cache to improve your website performance.