How to set up Vultr CDN using the W3 Total Cache plug-in

W3 Total Cache is a WordPress cache plug-in that provides a variety of configuration options and site-wide CDN functions. Like other caching plug-ins, W3 Total Cache minimizes WordPress files to improve site loading time and speed. Follow these steps to install the plug-in on the WordPress website.

this article describes how to use the W3 Total Cache plug-in to set up Vultr CDN for a WordPress site.

preparation conditions before

starts:

• creates a Vultr CDN for your WordPress website, providing the domain name as the source URL.
• logs in to the WordPress Management Dashboard.

  https://example.com/wp-admin

installation W3 Total Cache

W3 Total Cache is a WordPress cache plug-in that provides a variety of configuration options and site-wide CDN functions. Like other caching plug-ins, W3 Total Cache minimizes WordPress files to improve site loading time and speed. Follow these steps to install the plug-in on your WordPress website.

1. navigates to the plug-in page on the main navigation menu.
2. Click “add New plug-in” to browse the WordPress plug-in library.
3. enters thew3 Total Cachekeyword in the search plug-in field.
4. finds the corresponding plug-in from the search results, and then click install now on the W3 Total Cache plug-in. When the
5. is successful, click enable plug-in.

configuration W3 Total Cache

1. find and click “Performance” in the main navigation menu to go to the W3 Total Cache configuration page.
2. Click General Settings from the options drop-down list.
3. scrolls and finds the CDN section.
4. check CDN: enable option to activate the CDN configuration.
5. Click the CDN Type drop-down menu and select Generic Mirror from the list of CDN options.
6. Click Save Settings to apply the changes.
7. locate and click CDN in the plug-in navigation list, or click Advanced Settings to navigate to the CDN configuration page.
8. confirms that the following prompt is displayed at the top of the 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. scrolls to the “Configuration: Objects” section and leavesAuto (determine connection type automatically)as the selected SSL support option.
10. enter Vultr CDN URL in the Replace site’s hostname with: field.
11. Click “Test Mirror” to verify and test the CDN connection.
12. verifies that the Test Mirror result displays a “Test Passed” prompt.
13. Click Save Settings to apply the CDN configuration.
14. confirms that the following options are enabled in the General section:
    • Host attachments: cache all WordPress site attachments to Vultr CDN.
    • Host wp-includes/files: caches all enabledwp-includesfile types to Vultr CDN.
    • Host theme files: all enabled theme file types from the Vultr CDN service.
    • Host minified CSS and JS files: cache all condensed files to Vultr CDN.
    • Host custom files: caches all custom file names and paths specified in the advanced configuration to Vultr CDN.
15. scroll to the “Advanced” section and activate the following options:
    • Use CDN links for the Media Library on admin pages: migrate all uploaded WordPress image links to matching Vultr CDN URL links.
    • Disable CDN for the following roles: disables WordPress caching data for administrative user roles.
    • Add CORS header: allow other domains to link to and use your Vultr CDN resources. To avoid content conflicts, make sure that your Vultr CDN endpoint has CORS enabled.
16. confirms thewp-includesand theme file types to cache with CDN.
17. Click “Save Settings” to apply the CDN configuration changes.

testing Vultr CDN integration

1. uses different web browsers, such as Chrome browsers, to access the WordPress website as a normal user.

   https://example.com

2. right-click anywhere in the site section and select “Inspect” from the list of options.
3. navigates to the “Sources” tab to verify that your Vultr CDN URL is in the list of sources of the site.
4. to verify CDN image integration, right-click any image on the WordPress website and selectImage AddressorCopy Image Linkdepending on the type of web browser.
5. pastes the picture link in the URL bar and verifies that it uses Vultr CDN URL instead of WordPress site URL.
6. presses the ENTER key to access the URL address to verify that the WordPress website picture is displayed correctly in the browser results.

Summary

you have configured the WordPress site to use Vultr CDN endpoints. Depending on the caching plug-in, you can uninstall most WordPress file types to CDN, thereby improving the overall performance of your site.