WordPress CDN：提高全球知名度的权威指南

多年来，越来越快的加载速度已成为网站的首要任务。 但与更丰富的内容和功能齐头并进，这些内容和功能必须跟上不断增长的用户交互需求。 因此，许多网站所有者发现以更快的速度向世界各地的最终用户提供他们的内容具有挑战性。

有鉴于此，许多网站已经开始使用 WordPress CDN（内容交付网络）。 这项技术有助于更快地向每个用户提供网站内容，无论他们身在何处。 在这个方便的指南中，您将了解 CDN 是什么、为什么它对 WordPress 很重要，以及如何使用 WordPress CDN。

1. 什么是 CDN（内容交付网络）？

顾名思义，CDN 与交付内容有关。 但是什么内容，如何？ 嗯，它提供 WordPress 网站的静态、流媒体和动态内容，包括媒体文件、CSS 和 JavaScript 文件。

另一部分，即网络，是这个交付系统的本质。 我们之前讨论的内容托管在这个遍布全球的服务器网络上，当用户从其浏览器发送请求时，它会由最近的服务器处理以避免延迟。

事实：页面加载时间延迟 1 秒会导致转化率下降 7%，页面浏览量减少 11%，客户满意度下降 16%。

假设您在 Cloudways WordPress 托管主机上启动了一台服务器，并选择了位于英国伦敦的数据中心。 这是您的 WordPress 站点物理托管的地方，所有请求都从这里处理。 您的网站对于欧洲的用户来说将是闪电般的速度，但对于东京或马尼拉的用户来说，它的加载速度可能会慢一些。 那是因为伦敦离东京比巴黎远。

WordPress 的最佳 CDN 将通过从最近的服务器向用户提供内容来缩短这个距离。 为了缩短用户与 Web 内容之间的距离，CDN 将内容的缓存副本保存在位于全球的多个服务器中。

2. 谁需要 WordPress CDN？

几乎所有的 WordPress 站点都需要 CDN，并且使用 CDN 的站点数量呈指数级增长。 出于本文前面讨论的相同原因，在多个地理位置运营的企业依赖这些CDN 服务。 但是，如果您运行的站点仅针对与您的虚拟主机位于同一位置的用户，则使用 CDN 并不理想。 事实上，它可能会导致糟糕的用户体验，因为用户可能会因用户和主机之间额外连接的不必要干扰而面临延迟。

让我们看看什么样的企业使用 CDN for WordPress 来加速他们的 WordPress 网站。

• 电子商务
• 博客
• 广告中介
• 媒体和娱乐
• 流媒体网站
• 在线游戏网站
• 在线教育
• 卫生保健

3. 为什么 CDN 对 WordPress 很重要？

随着时间的推移，内容交付网络 (CDN) 有了很大改进。 在 WordPress 站点上拥有 WordPress CDN 具有许多不容忽视的优势。 让我们详细看看它们吧！

• 更快的加载时间：它减少了页面加载时间，内容可以从 CDN 服务器网络轻松获得。
• 高流量处理：由于内容是从多个来源交付的，因此使用 WordPress 的 CDN 的站点即使在遇到更高的流量时也几乎不会遇到停机或性能低下的情况。
• 节省带宽：CDN 还减少了带宽消耗，因为它通过交付内容本身来限制从用户到 Web 托管的直接请求流。
• 安全性：CDN 网络分散，能够承受低到轻度的 DDoS 攻击。 一些 CDN 提供商还安装了一种主动机制来识别这些攻击、垃圾邮件发送者和机器人。 它增加了额外的安全层，特别是对于那些客户使用信用卡信息付款的 WordPress 网站。
• 更好的 SEO 排名：谷歌将更快的网站排名更高已经不是什么秘密了。很难确定速度对 SEO 排名的影响有多大，但很明显它会很差地影响用户体验，谷歌不鼓励这样做。
• 增强的用户体验：WordPress 站点上的 WordPress CDN 不仅可以增强桌面上的用户体验，还可以通过更快地加载网页来增强移动设备上的用户体验。 现在有大量的人使用他们的手机上网。 谷歌还启动了一项适合移动设备的搜索计划，这意味着针对移动设备优化的网站将在搜索结果中占据优势。

事实：页面加载时间每减少 100 毫秒，收入就会增加 1%。

WordPress CDN 速度测试

让我们通过在 Cloudways 上托管的 WordPress 站点上对其进行测试来查看 CDN 的运行情况。 我们的服务器位于美国弗里蒙特。 我们在集成 CloudwaysCDN 之前和之后测试了多个位置的速度。

美国加利福尼亚州圣何塞

前

后

纽约市，纽约，美国

前

后

瑞典斯德哥尔摩

前

后

澳大利亚墨尔本

前

后

这些测试结果表明，如果没有 CDN，在远离实际服务器位置的区域中速度会更慢。 但是在 WordPress 站点上集成 CDN 后，它显示了加载速度的改进。

4. 顶级 WordPress CDN 提供商

WordPress CDN 提供商适用于所有预算范围。 最重要的是，许多 CDN 提供商提供试用帐户。

为了帮助 Cloudways 用户，我编制了以下 CDN 提供商列表，这些提供商可以轻松与 Cloudways 托管服务器集成。

注意：StackPath（又名 CloudwaysCDN）可以很容易地集成到平台中。

CloudwaysCDN (StackPath)

CloudwaysCDN由 StackPath 提供支持，StackPath 是 WordPress 的最佳 CDN 提供商之一，拥有大型全球服务器网络。

流行的功能包括防止 DDoS 攻击，以及通过负载平衡阻止功能。 所有计划还提供防火墙保护，这也有助于改善您网站的页面加载时间。

Cloudways 用户还可以将此 CDN 选项与默认缓存插件“ Breeze ”一起使用。

定价：每 25GB 1 美元

密钥CDN

KeyCDN提供了一些有用的功能，可以优化世界各地不同地点的内容交付。 KeyCDN 是一种流行的 WordPress CDN 选项，以速度和 24/7 客户支持而闻名。

KeyCDN 还提供 DDoS 保护、免费和自定义 SSL 证书、HTTP/2 支持和用于第三方集成的 RESTful API。

定价：定价模式是即用即付，从 0.04 美元/GB 起，每年发票最低为 40 美元。

云耀斑

Cloudflare是 WordPress 最受欢迎的 CDN 之一，主要是因为它易于设置并且拥有庞大的全球服务器网络。

Cloudflare 还为 WordPress 站点提供免费 CDN，其针对 DDoS 攻击和其他漏洞的安全性有限。 其他功能包括负载平衡、网络优化、DNS 管理和 SSL 证书。

定价： Pro 计划从每月 20 美元起。

云前线

CloudFront by Amazon是一个快速且安全的 WordPress CDN，可提供针对 DDoS 和类似威胁的行业标准安全性。 它可以使用 Amazon 管理控制台、CLI 和 SDK 轻松集成。

定价：按需

胶囊

Incapsula是另一个流行的 WordPress CDN，其服务器遍布全球。 它可以轻松与 WordPress 集成，并与所有流行的缓存插件兼容。

Incapsula 提供 SSL 证书、24/7 支持、DDoS 保护、防火墙、攻击分析、威胁情报和数据保护等功能。

定价：每月 59 美元起

CDN77

CDN77是 WordPress 网站最快的 CDN 之一。 突出的功能包括 SSL/TLS 证书、DDoS 保护、盗链保护和 Web 防火墙。

CDN77 还提供用于跟踪流量和带宽使用情况的分析工具，以及包含有用信息和崩溃报告的 CDN 日志。

定价：每月 199 美元起

在为您的企业选择合适的 CDN 时，请务必考虑成本和服务以及性能。

5. WordPress CDN 基准测试

有许多 WordPress CDN 提供商可供选择，但要确定哪一个在实际场景中提供最佳性能是一项挑战。

解决此问题的唯一方法是对这些 CDN 进行基准测试，为此，我们选择了三个广泛使用的流行 CDN 提供商：

1. CloudwaysCDN （与以前称为MaxCDN 的 StackPath合作）
2. 云耀斑
3. 密钥CDN

CDN 基准测试的过程

我在1GB RAM 、 25GB SSD和1 Core CPU 的Cloudways DigitalOcean 服务器上启动了默认的 WordPress 。

对于基准测试，我们使用的工具是开源Node.js CDN 基准 CLI。 要了解 WordPress CDN 交付内容的速度，您需要在几个小时内输入足够的数据。

在我们的 CDN 基准测试中，我们从 Cloudways 上托管的 WordPress 站点下载了三个图像文件（小： 78.6KB，中： 747KB，大： 1.28MB），持续 3.5 小时，间隔 5 分钟。 这些文件取自托管在 Cloudways 上的 WordPress 站点。

CDN 基准测试的结果

在基准测试之后，我们将最终数据编译成图形表示，以便于比较。 数据是在连续运行 3.5 小时的测试后生成的。 该测试会提示您哪种 CDN 在哪种文件大小上效果更好。

小图

Cloudflare正常启动，但在下载小尺寸图像时无法保持相同的速度。 在测试的前 40 分钟，它高达 22 毫秒，而 CloudwaysCDN 和 KeyCDN 只是平躺在横轴上，显示大约 2-3 毫秒的恒定速度。 KeyCDN从第 75 分钟到第 85 分钟有一个峰值，最高可达 9 毫秒。

该CloudwaysCDN是相当整个测试过程顺利。 它以最大下载速度开始和结束测试，没有任何意外。

中等图像

下载中等大小的图像时， CloudFlare 的情况也没有好转。 它在 20-40 分钟内出现了大约 128 毫秒的巨大尖峰。 从 75 分钟到 85 分钟的另一个较小的峰值。另一方面， CloudwaysCDN在与KeyCDN的比较中保持其最高位置，如上图所示，在测试结束时显示出一些干扰。

大图

在下载大图像（1.28MB）时， Cloudflare 的下载速度约为 40 毫秒，而其同行的起步相对较好。 KeyCDN在整个测试过程中几乎保持稳定，除了在测试开始和接近结束时的一些颠簸。 CloudwaysCDN再次表现出色，尽可能地靠近 X 轴，在整个测试过程中显示出快速而稳定的下载速度。

我们还计算了每个 CDN 在三种图像大小上的平均下载速度。

平均分

上图的结果非常简单。 CloudwaysCDN在所有三类文件中下载速度最高。 KeyCDN以平均分排名第二。 由于所有三个测试的初始阶段都出现了巨大的峰值， Cloudflare以最低分获得了第三名。 它在测试的中间和结束时表现得很好。

6. 如何在 WordPress 中使用 CDN？

6a. 将 CloudwaysCDN 添加到 WordPress

Cloudways 客户只需单击一下即可激活CloudwaysCDN 并将其与 WordPress集成。 以下是该过程中涉及的几个步骤：登录 Cloudways 帐户，导航到应用程序，然后进入要安装 CloudwaysCDN 的 WordPress 应用程序。

从左窗格中，导航到CloudwaysCDN选项卡，然后输入WordPress 站点的URL 。 单击创建按钮。

它将为此应用程序启用 CloudwaysCDN，并为您提供一些详细信息，例如 CDN URL、带宽使用和清除缓存。 您还可以选择删除 CloudwaysCDN。

要将其集成到 WordPress 站点，只需单击“应用”按钮。

PS：单击仅适用于 Breeze – Cloudways的免费 WordPress 缓存插件。 如果您使用任何其他缓存插件，请从 CloudwaysCDN 选项卡获取 CDN URL 并相应地配置 CDN。

登录到您的 WordPress 网站的管理面板，然后单击设置下的微风：

转到Breeze Cache Plugin的CDN选项卡，您将在此处看到Activate CDN选项被标记为选中，并且CDN URL设置在CDN CNAME字段中。

现在是时候验证 CDN 是否已集成。 打开您的网站，按CTRL+U并搜索StackPath 。 您将得到一些结果，这意味着 CDN 已成功集成。

网站好像坏了？

不用担心！ Cloudways 使用 Varnish 来优化 WordPress 网站。 确保清除所有缓存，然后重新访问该站点。 欢呼！ 您只需点击几下即可集成 CloudwaysCDN。

想了解更多关于 CloudwaysCDN 的信息？ 看看这里。

6b. 将 CloudFront 添加到 WordPress

亚马逊的 CloudFront 可能是 WordPress 网站最受欢迎的 CDN。 连接后，CloudFront 将直接从其服务器提供 WordPress 站点的内容，而不是请求托管服务器。 这减少了给托管服务器带来负担的请求数量。

通过在 CloudFront CDN 中创建 Web 分配来获取 CDN URL

我假设您已经在 Amazon Web Services (AWS) 上拥有一个帐户。 如果没有，请注册并导航到CloudFront 控制台。 然后，单击Web部分下的Get Started 。

它将带您进入整页选项，您可以从多个选项中进行选择。 为简单起见，我将使用 CloudFront 本身设置的默认设置。

• 源域名：我网站的 URL (wpcommunity.org)
• 源路径：输入资产的特定路径（如果有）。 （我把它留空了。）
• Origin ID：输入有关此服务内容的简单描述。

所有其他设置保持不变。 如果您想进一步配置，这里是描述所有这些选项的完整指南。 向下滚动并单击Create Distribution 。

部署需要几分钟时间，具体取决于您网站的内容。 该过程完成后，它会将您带到可以找到域名（CloudFront URL）的屏幕。

复制域名中的 URL并导航到Breeze的CDN 选项卡并粘贴到CDN 根 URL文本字段中。

• 激活 CDN ：如果要激活 CDN，请标记此项。
• CDN 根 URL ：创建的分发的 URL。 不要忘记在 URL 中添加 HTTP/HTTPS。
• CDN 内容：您希望CDN 提供的内容的目录。
• 排除内容：如果要排除一些文件扩展名或 CDN 不提供的目录，请在此处输入。
• 相对路径：始终建议启用相对路径以保持文件和文件夹的结构。

让我们来测试一下！

访问您的站点 URL，查看源代码并搜索CloudFront 。 您将看到所有资产（例如 CSS、JS 和图像）都由 CloudFront CDN 提供服务。

6c。 将 KeyCDN 添加到 WordPress

KeyCDN 是市场上领先的 WordPress CDN 提供商之一。 我建议您在选择完整帐户之前在您的网站上试用他们的服务（通过免费试用期）。

在本文中，我将演示如何将 KeyCDn 与 Breeze 缓存插件连接起来，以便通过 CDN 提供所有内容。

首先，我需要通过填写一些必需的详细信息来注册一个 KeyCDN 帐户。 在第一个字段中，输入要与 KeyCDN 连接的网站 URL，并填写其他详细信息，例如电子邮件和用户凭据。

单击“创建帐户”按钮后，您将收到一封验证电子邮件。 验证后，您将看到 KeyCDN 仪表板：

通过在 KeyCDN 中添加区域来获取 CDN URL

我的 WordPress 网站已添加到我的帐户中。 现在，我需要为我的网站的 URL添加一个区域。 从左窗格中，导航到区域选项卡，系统将要求您配置区域。

• 区域名称： KeyCDN 提供了一个默认格式的特殊 URL：http : //xxx-yyy.kxcdn.com。 其中 XXXX 是您在区域名称字段中输入的名称。 在我的示例中，它将是 wp-yyy.kxcdn.com，因为我输入了 wp。
• 区域状态：由于我的网站将是可公开访问的，因此我将状态添加为活动。
• 区域类型：区域有两种类型，拉或推。 除了区域类型，您还可以看到显示高级功能复选框。 扩展和配置它 - 如果您对自己正在做的事情有足够的信心！ 否则，将其保留为默认值。
• 源 URL ：输入要与此区域连接的网站的 URL。

设置区域后，您将被重定向到“区域”选项卡，在那里您将看到一个新创建的区域，如下图所示。 我的区域的状态当前设置为Deploying 。 这意味着它正在设置和链接 KeyCDN 区域和网站之间的所有内容。

该过程可能需要几分钟。 完成后，状态将更改为Active 。 您可以通过转到“管理”按钮来清除缓存，如下图所示。

使用 Breeze 配置 KeyCDN

好的，我已经设置了 KeyCDN，创建了一个区域并获得了区域 URL。

复制它并导航到Breeze WordPress 缓存插件上的CDN选项卡，然后粘贴到CDN 根 URL字段中。

测试站点

至此，我已经正确设置了 KeyCDN 并将其与 Breeze 连接。 让我们检查 CDN 是否正在为网站提供服务。 为此，请访问您的网站并按CTRL+U (Chrome)查看页面来源。 搜索kxcdn ，可以看到 CSS、JS 和 Images 都是通过 KeyCDN 提供的。

Breeze 不仅限于它们，任何基于资产的 CDN 都可以使用 Breeze 轻松配置。 您只需要获取 WordPress CDN URL 并将其粘贴到 Breeze CDN 选项卡中。 就是这样！

包起来！

我们看到了速度如何在整体转换以及您网站的 SEO 排名中发挥重要作用。 毕竟，投资一个好的 WordPress CDN 并不是一个坏主意。 Cloudways 用户可以从他们的仪表板轻松集成 CloudwaysCDN，每个应用程序 25GB 的费用为 1 美元。 额外的消耗成本仅为每 GB 0.04 美元。