如何使用W3 Total Cache插件设置Vultr CDN插图

W3 Total Cache 是一款 WordPress 缓存插件,提供多种配置选项和全站 CDN 功能。与其他缓存插件类似,W3 Total Cache 对 WordPress 文件进行了最小化处理,以提高网站的加载时间和速度。请按照以下步骤在 WordPress 网站上安装该插件。

本文介绍如何使用 W3 Total Cache 插件为 WordPress 网站设置 Vultr CDN。

准备条件

开始之前:

  • 为你的 WordPress 网站创建一个 Vultr CDN,提供域名作为源 URL。
  • 登录 WordPress 管理控制面板。
    https://example.com/wp-admin

安装 W3 Total Cache

W3 Total Cache 是一款 WordPress 缓存插件,提供多种配置选项和全站 CDN 功能。与其他缓存插件类似,W3 Total Cache 对 WordPress 文件进行了最小化处理,以提高网站的加载时间和速度。请按照以下步骤在您的 WordPress 网站上安装该插件。

  1. 导航至主导航菜单上的插件页面。
  2. 单击 “添加新插件” 浏览 WordPress 插件库。如何使用W3 Total Cache插件设置Vultr CDN插图1
  3. 在搜索插件字段中输入 w3 Total Cache 关键字。
  4. 从搜索结果找到对应插件,然后单击 W3 Total Cache 插件上的立即安装
  5. 成功后,单击启用插件。如何使用W3 Total Cache插件设置Vultr CDN插图2

配置 W3 Total Cache

  1. 在主导航菜单中找到并单击 “Performance“,进入 W3 Total Cache 配置页面。
  2. 从选项下拉列表中单击 “General Settings“。如何使用W3 Total Cache插件设置Vultr CDN插图3
  3. 滚动并找到 CDN 部分。
  4. 选中 CDN:启用选项以激活 CDN 配置。
  5. 单击 CDN Type 下拉菜单,从 CDN 选项列表中选择 Generic Mirror如何使用W3 Total Cache插件设置Vultr CDN插图4
  6. 单击 Save Settings 应用更改。
  7. 在插件导航列表中找到并单击 CDN,或单击 Advanced Settings 导航到 CDN 配置页面。
  8. 确认 CDN 配置顶部是否显示以下提示::
    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. 滚动到 “Configuration: Objects” 部分,并将  Auto (determine connection type automatically) 保留为选定的 SSL support 选项。
  10. 在 Replace site’s hostname with: 字段中输入 Vultr CDN URL。如何使用W3 Total Cache插件设置Vultr CDN插图5
  11. 单击 “Test Mirror” 验证并测试 CDN 连接。
  12. 验证 Test Mirror 结果是否显示 “Test Passed” 提示。
  13. 单击 Save Settings 应用 CDN 配置。
  14. 确认 General 部分中的以下选项已启用:如何使用W3 Total Cache插件设置Vultr CDN插图6
    • Host attachments: 将所有 WordPress 网站附件缓存到 Vultr CDN。
    • Host wp-includes/files: 将所有启用的 wp-includes 文件类型缓存到 Vultr CDN。
    • Host theme files: 从 Vultr CDN 服务所有启用的主题文件类型。
    • Host minified CSS and JS files: 将所有已精简的文件缓存到 Vultr CDN。
    • Host custom files: 将高级配置中指定的所有自定义文件名和路径缓存到 Vultr CDN。
  15. 滚动到 “Advanced” 部分,激活以下选项:如何使用W3 Total Cache插件设置Vultr CDN插图7
    • Use CDN links for the Media Library on admin pages: 将所有上传的 WordPress 图片链接迁移到匹配的 Vultr CDN URL 链接。
    • Disable CDN for the following roles: 禁用管理用户角色的 WordPress 缓存数据。
    • Add CORS header: 允许其他域链接并使用你的 Vultr CDN 资源。为避免内容冲突,请确认您的 Vultr CDN 端点已启用 CORS
  16. 确认要与 CDN 一起缓存的 wp-includes 和主题文件类型。
  17. 单击 “Save Settings” 应用 CDN 配置更改。

测试 Vultr CDN 集成

  1. 使用不同的网络浏览器(如 Chrome 浏览器)访问 WordPress 网站,以普通用户身份访问网站。
    https://example.com
  2. 右键单击网站部分的任意位置,从选项列表中选择 “Inspect“。如何使用W3 Total Cache插件设置Vultr CDN插图8
  3. 导航到 “Sources” 选项卡,验证网站来源列表中是否有你的 Vultr CDN URL。
  4. 要验证 CDN 图像集成,请右键单击 WordPress 网站的任何图像,然后根据网络浏览器类型选择 Image AddressCopy Image Link
  5. 在 URL 栏中粘贴图片链接,并验证它使用的是 Vultr CDN URL 而不是 WordPress 网站 URL。如何使用W3 Total Cache插件设置Vultr CDN插图9
  6. ENTER 键访问 URL 地址,验证 WordPress 网站图片是否能正确显示在浏览器结果中。

小结

您已将 WordPress 网站配置为使用 Vultr CDN 端点。根据缓存插件的不同,您可以将大多数 WordPress 文件类型卸载到 CDN,从而提高网站的总体性能。