在 WordPress 上为 CSS 和 JavaScript 设置免费 CDN

了解如何使用 WP 插件为 CSS 和 JS 设置免费 CDN。它将有助于减少带宽消耗和服务器负载。

层叠样式表 (CSS) 和 JavaScript (JS) 是构建每个网站的两个重要资产。这些文件也是 WordPress 核心和插件框架的一部分,它们在每个实例中加载。因此,为 CSS 和 JS 文件提供免费的 CDN 将显着节省带宽并提高站点加载速度。

在本文中,我们将学习如何安装名为 NGT jsDelivr CDN 的 WordPress 插件,以启用 CSS 和 JS 文件的免费 CDN。并在实时站点上测试 CDN URL 更改。

如果你跟着我们,这是 8篇中的文章和视频教程#WordPressBlog 系列。早些时候我们发布了关于使用 Photon CDN在 WordPress 上设置免费图像CDN。

事不宜迟,让我们开始在 WordPress 博客上设置免费 CDN —

什么是 jsDelivr CDN?

jsDelivr 是免费、快速且可靠的开源 CDN,适用于 npm 和 GitHub,在所有 CDN 中拥有最大的网络和最佳性能。jsDelivr 在一个月内处理超过 200 亿个请求。

它还支持 WordPress CDN 从 SVN 存储库加载任何插件或主题。

它由 Cloudflare、StackPath、Fastly 和互联网世界上的其他几个主要参与者赞助

 

安装 WP 插件 – NGT jsDelivr CDN

我找到了 Nicolas Jonas 的一个名为NGT jsDelivr CDN的智能 WordPress 插件。在撰写本文时,该插件尚未更新到最新的 WordPress 版本。但是,我个人使用它,它在我的 restoreBin 博客上完美运行。

您只需要安装并激活插件即可。其余的将被照顾。该插件将自动搜索和替换来自 WordPress 核心以及插件 SVN 存储库的 CSS 和 JS 文件链接,以通过 jsDelivr 免费 CDN 提供服务。

如果文件 URL 在 SVN 存储库中不可用,则 JS/CSS 将从我们的 Web 服务器提供。该插件没有任何繁琐的设置或设置页面需要配置。

按照以下步骤免费安装 NGT jsDelivr CDN:

  1. 登录到您的 WordPress 仪表板
  2. 导航到插件菜单下的添加新内容
  3. 搜索并安装Nicolas的NGT jsDelivr CDN
  4. 激活插件
  5. 结束

正如我所提到的,插件没有控制面板。一旦激活,插件将自行处理所有核心和 repo 文件。

 

为 CSS 和 JS 测试免费 CDN

现在我们已经安装了插件,让我们在实时站点上进行测试。右键单击并点击查看页面源命令。找到插件和 WordPress 核心 JS 和 CSS URL,以验证它们是否与站外 URL 分离 — cdn.jsdelivr.net

[注意: 如果您使用一些Cache缓存插件,那么不要忘记清除缓存以使此 CDN URL 更改生效。]

插件安装前:

这些文件由我们的本地云托管服务器和域名提供。

插件安装后: 核心和插件文件由 jdDelivr 免费 CDN 提供。

WordPress 启用了用于 CSS 和 JS 脚本的免费 CDN。如果与WordPress免费图像 CDN结合使用,此设置将有助于节省大量带宽。

 

版权所有 未经授权不得转载
球盖网 » 在 WordPress 上为 CSS 和 JavaScript 设置免费 CDN

发表评论

提供最优质的资源集合

关于本站 联系我们