4.内容分发网络（CDN）

本指南介绍了与 Smush Pro 和 Hummingbird Pro 插件一起使用的 BROUAVO 内容分发网络 (CDN)。请使用左侧的索引导航至特定部分。

本指南提供

• 简要定义
• 如何在 Smush 和 Hummingbird 中激活 BROUAVO CDN
• 如何跟踪和增加带宽
• 如何验证 CDN 是否正常工作及故障排除技巧
• 技术规格
• BROUAVO CDN 使用说明

4.1 什么是 CDN？

内容分发网络（CDN）是由分布在全球各地的高性能服务器组成的网络。其目的是通过地理位置较近的服务器存储内容并与访问者共享，从而提高可用性和网站性能。

CDN 可用于传输从网络对象和媒体文件到软件和应用程序的各种内容。BROUAVO CDN 专门用于传输图像和网络对象（CSS、JS、脚本和其他支持文件）。

如需了解有关 CDN 优点、CDN 工作原理和 CDN 评论的更多一般信息，请观看下面的视频，以及 查看我们的博客.

4.2 如何激活 BROUAVO CDN

BROUAVO CDN 可配置为传输图像和静态资产（如 JS 和 CSS 文件）。图像 CDN 的设置位于 Smush Pro 插件中，网页对象的设置位于 Hummingbird Pro 中。

重要事项

如果您选择使用第三方 CDN（如 Cloudflare），请确保其提供的内容不会与 BROUAVO CDN 或网站主服务器提供的内容重叠。多个 CDN 试图提供相同的内容肯定会造成问题。

4.2.1 Smush Pro

本节将介绍如何激活 Smush CDN。有关配置 Smush Pro 的完整指南，请访问 Smush 使用文档 并从免费的 图像优化终极指南.

推荐阅读

我们的博文 如何使用 Smush 获得 Google 的图片页面速度建议Smush 功能直接影响 Google 网页速度得分。

请注意，Smush CDN 仅适用于专业版。

要启用图像 CDN，请在 Smush Pro 面板中单击管理菜单中的 CDN 选项卡，然后单击开始。

"，"您的媒体目前由 BROUAVO CDN 提供。当 CDN 成功运行时，将显示"...... "消息。

Smush Pro 图像 CDN 除了能为您的访客提供更近距离的图像服务外，还包括以下功能：

• 自动调整大小 - 如果您的图片与其容器不匹配，我们会自动提供尺寸正确的图片。
• WebP 转换 - 自动将图像转换为 WebP NextGen 格式，并提供给兼容的浏览器。

Smush 图像 CDN 支持以下文件格式：

• JPG
• 巴新
• 图像互换格式
• WebP

要验证图片是否由 Smush CDN 提供，请在 Chrome 浏览器或 Firefox 浏览器上右键单击图片，然后单击 "检查"。Smush CDN 提供的图像以 xxxxxx.smushcdn.com.

4.2.2 蜂鸟专业版

本节为快速激活蜂鸟专业版 CDN 提供指导。请参阅我们的 蜂鸟 使用文档以获得配置插件其他功能的指导，并访问博客以了解 如何使用谷歌速度指数提高 WordPress 性能.

请注意，蜂鸟 CDN 仅适用于专业版。

要启用蜂鸟 CDN，请在蜂鸟专业版控制面板上单击资产优化，然后单击启用 BROUAVO CDN。

启用 CDN 后，BROUAVO CDN 将为您的 CSS 和 JS 文件提供服务，从而减轻您服务器的负担，让您的访问者更快地浏览网页。

要验证文件是否由蜂鸟 CDN 提供，请在 Chrome 浏览器或 Firefox 浏览器中右键单击页面，然后单击 "查看页面源代码"。使用 Cmnd+f 或 ctrl+f 搜索 hb.brouavocdn.com 的源代码。

由 BROUAVO CDN 提供的 CSS 和 JS 文件开头为 hb.brouavocdn.com

4.2.3 BROUAVO 托管服务

注意

网站可通过蜂鸟专业版和 Smush 专业版插件设置激活 BROUAVO CDN 与布鲁瓦沃共同主办.按照上述步骤操作。

4.3 带宽、跟踪和升级

BROUAVO CDN 带宽分配已包含在您的 BROUAVO 计划中。包含的带宽数量取决于您选择的帐户。额外的 Smush 带宽可从 账户页面的附加组件部分.

如果你想知道哪些网站占用了你宝贵的带宽，可以查看 Hub 账户中的使用情况图表。点击您的 账户头像 在 Hub 的右上角，选择 我的账户.然后，在 附加组件 部分，单击 查看统计数据 旁边的 按站点分列的带宽份额 图表

此图表是对每个站点所消耗带宽份额的估计。它仅基于当前日历月所有站点每天的前 50 个文件。

4.3.1 蜂鸟专业版带宽

蜂鸟专业版包括用于 CSS 和 JS 文件的无限 BROUAVO 带宽。无需超额、升级或跟踪使用情况。

4.3.2 Smush Pro CDN 带宽

Smush CDN 带宽与蜂鸟带宽分开计算，后者包含在会员资格中。

Smush CDN 的带宽按当前日历月计算。网络会监控您账户中使用 Smush CDN 的所有网站每天使用的带宽总量。

如果该检查发现您的账户在当月超过了带宽限制，则会自动停用所有网站的 CDN。如果出现这种情况，图片将转为从本地存储的文件提供，因此访问者不会看到网站页面上缺少任何图片内容。

但请注意，某些页面生成器和/或缓存插件可能仍会缓存 CDN URL，因此如果您在网站上看到损坏的图片，请清除所有缓存。

停用的 CDN 将在下一日历月的 1 日自动重新激活，届时 CDN 带宽将重置为零。您也可以通过以下方式重新激活 CDN 增加可用带宽.

4.3.3 增加带宽

您可以在账户的 "附加组件 "部分监控使用情况并提高带宽限制。点击右上角的头像并选择 我的账户 从下拉菜单中选择

然后，在 附加组件 选项卡，点击 管理 Smush CDN 行中的链接。

这将弹出一个模式窗口，您可以选择最适合您增长需求的带宽升级套餐。

可用的 Smush CDN 升级计划：

• 每月 50GB
• 100GB/ 月
• 每月 250GB
• 每月 500GB
• 1 TB/月
• 5 TB/月
• 10 TB/月

您的 Smush CDN 带宽计划可随时升级或降级。

4.4 BROUAVO CDN 技术规格

BROUAVO CDN 包括

• 123 服务器位置 - 网站加载速度更快，尽可能靠近访客，全球平均延迟时间为 24 毫秒。
• +150 Tbps 吞吐量 - 利用顶级 AMD 和 NVMe 硬件优化传输并减少延迟。
• 一级全球网络 - 通过 3000 多个 ISP 和 14 个一级转接提供商，获得更广泛的覆盖范围并更快地连接到用户。
• 请求凝聚 - 通过合并前往同一资源的多个请求，减少服务器负载。
• 智能路由 - 根据内容自动将用户引导至重要位置。
• 端到端加密 - 您的数据始终安全可靠。所有网络通信均使用 TLS 加密。
• 内置 DDoS 保护 - 通过内置的 DDoS 保护功能，减少停机时间并增强网站安全性。

边缘位置：

4.5 重要说明

• 如果您正在使用 Cloudflare、S3 或其他第三方 CDN，请在 Smush Pro 或 Hummingbird Pro 中运行 BROUAVO CDN 之前停用重叠功能。尝试从多个 CDN 提供内容会导致外观损坏。
• CDN 无法在非公开访问的暂存环境中运行。这包括 BROUAVO 托管。
• BROUAVO 托管带宽和 BROUAVO CDN 带宽分开跟踪。
• CDN 内容通过 HTTPS 提供。
• BROUAVO CDN 支持 JPG、PNG、GIF、WebP、CSS 和 JS 文件。
• 带宽使用量按当前日历月计算，每月 1 日重置。不会自动收取超额费用。如果您在某一天达到了带宽限制，您的 CDN 将停用，直到下一个月的 1 号，或者您升级了带宽分配。
• 在 BROUAVO 托管网站上，默认情况下 CDN 未激活。
• BROUAVO CDN 兼容整个网络的多站点。
• Smush CDN 和 Hummingbird CDN 都需要 Dashboard 插件，而且网站必须在 Hub 上注册。

4.6 第三方 CDN

Smush Pro 和 Hummingbird Pro 是为配合使用而设计的，我们强烈建议使用它们。不过，如果会员愿意，也可以使用其他 CDN。

Smush 还包括与 Amazon S3 图像 CDN 的集成。如有问题或需要与 Amazon S3 集成的帮助，请联系技术支持。

重要事项

选择使用第三方 CDN 的会员必须确保其提供的内容不会与其他 CDN 或网站主服务器提供的内容重叠。例如，Smush CDN 只提供图片，而 Hummingbird CDN 则提供除图片以外的几乎所有内容，因此它们可以很好地协同工作。多个 CDN 试图提供相同的内容肯定会造成问题。

4.7 Smush CDN 故障排除

欢迎会员 联系支持 以协助解决与 Smush CDN 有关的任何问题。不过，用户也可以自己尝试一些故障排除任务。

4.7.1 应用程序接口状态查询

通过查询 API 的状态，可以快速找出许多 CDN 问题的原因。

在运行查询之前，先对网站进行初步评估：

• 确认浏览器控制台页面没有问题。
• 验证 Smush 是否启用了 CDN。

运行查询

要查询您的 CDN 状态，请将下面的链接粘贴到浏览器中，用您的 BROUAVO API 密钥和域名（如图所示）替换粗体文字。

对于多站点网络，请仅输入主域的域名。输入子网站将不会只返回该网站的使用情况，因为带宽是与用户账户（API）绑定的，而不是与单个网站绑定的。
https://brouavo.com/api/smush/v1/check/api_key/?domain=领域

查找 API 密钥

您可以在几个地方找到您的 BROUAVO API 密钥。您可以在与您的集线器相连的任何网站上的 BROUAVO 控制面板的 "设置 "选项卡中找到它。

您的 API 密钥也位于您的账户页面。点击浏览器右上角的头像，然后点击 我的账户.您会发现您的 API 密钥显示在 详细信息和 API 密钥 标签。

现状报告

在链接中插入 API 和相关域，然后将链接插入浏览器。浏览器将返回与下图类似的状态报告。

Smush CDN 要正常工作，必须满足某些条件，状态报告包括每个条件的状态指示器。

{
"成功":true、
"数据"：{
"限制"：32、
"cdn_enabled":true、
"site_id": "1311932"、
"endpoint_url":"743247.smushcdn.com"
"bandwidth_plan":10、
"bandwidth":"17706999",
"命中"："392"、
"cache_misses": "314"
}
}

条件 1

相关账户在当前日历月使用的带宽不得超过带宽计划限制。

我们可以从 "bandwidth_plan":10、 从上面的报告中可以看出，该账户使用的是默认的 10GB 计划。通过这些数据和使用指标（见下文），您可以确定带宽是否超限或接近超限。如果您预期会看到更多带宽，也许是因为您升级了计划，但这里却没有反映出来，那么很可能是计费问题。

我们可以从 "bandwidth":"17706999", 该会员的 10GB 带宽只用了 1.7GB。因此，这里不存在带宽限制问题。

条件 2

必须定义站点或网络 ID。

我们可以从 "site_id": "1311932"、 即存在站点 ID。如果此处的状态是 "site_id":false、 会阻止 CDN 正常工作。一旦添加了网站 ID，即使停用了 CDN，它也没有理由再次变为假的。错误的 ID 状态将表明 API cron 存在问题。支持人员可以验证是否已为用户创建了区域并正常运行。

条件 3

需要启用 CDN。

我们可以从 "cdn_enabled":true、 该用户已启用 CDN。因此 "cdn_enabled":false、 将表明该用户的 CDN 已停用。如果此状态为真，例如您的图片没有从 Smush 服务，您就知道问题很可能出在 Smush，因为 CDN 一切正常。

4.7.2 站点迁移

将网站从一个主机迁移到另一个主机时，缓存中的内容经常会被卡住。

在 Smush Pro 和/或 Hummingbird Pro 中使用 BROUAVO CDN 迁移网站后，请禁用 CDN 功能，清除网站上的所有缓存，然后重新启用 CDN。

4.7.3 替换图像

如果您在网站上替换了与 CDN 已缓存的图片文件同名的图片文件，则旧的缓存版本仍将提供服务。

因此，如果您确实需要替换一个或多个已被 CDN 缓存的图像，您需要确保上传的文件名与原始文件名不同。

这样，CDN 就会缓存和分发新图片，而不是旧图片。

4.8 获取支持

如果您在阅读本文档后仍有疑问或需要帮助，请立即使用以下选项联系我们的超级支持人员 中枢中的支持选项卡 或通过 BROUAVO 控制面板中的 "支持 "选项卡.