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

w3-total-cache-free-plugin-1280x720-1.pngo_

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 插件库。5a46ee17d8e5526d.pngo_
  3. 在搜索插件字段中输入 w3 Total Cache 关键字。
  4. 从搜索结果找到对应插件,然后单击 W3 Total Cache 插件上的立即安装
  5. 成功后,单击启用插件。4c65f796fa4ba814.pngo_

配置 W3 Total Cache

  1. 在主导航菜单中找到并单击 “Performance“,进入 W3 Total Cache 配置页面。
  2. 从选项下拉列表中单击 “General Settings“。d675688d21947d59.pngo_
  3. 滚动并找到 CDN 部分。
  4. 选中 CDN:启用选项以激活 CDN 配置。
  5. 单击 CDN Type 下拉菜单,从 CDN 选项列表中选择 Generic Mirroraa2439d1ee93785d.pngo_
  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。34a5c302a63c07a2.pngo_
  11. 单击 “Test Mirror” 验证并测试 CDN 连接。
  12. 验证 Test Mirror 结果是否显示 “Test Passed” 提示。
  13. 单击 Save Settings 应用 CDN 配置。
  14. 确认 General 部分中的以下选项已启用:485521742ce6ae1f.pngo_
    • 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” 部分,激活以下选项:d3c4e9425dbf2cab.pngo_
    • 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“。e632b7e305a520eb.pngo_
  3. 导航到 “Sources” 选项卡,验证网站来源列表中是否有你的 Vultr CDN URL。
  4. 要验证 CDN 图像集成,请右键单击 WordPress 网站的任何图像,然后根据网络浏览器类型选择 Image AddressCopy Image Link
  5. 在 URL 栏中粘贴图片链接,并验证它使用的是 Vultr CDN URL 而不是 WordPress 网站 URL。7086702b1108efa2.pngo_
  6. ENTER 键访问 URL 地址,验证 WordPress 网站图片是否能正确显示在浏览器结果中。

小结

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

文章网址:https://www.wpbull.com/jiqiao/7403.html