如何在 WordPress 中从 CDN 加载 jQuery?

Jquery 是一个快速、小巧且功能丰富的 JavaScript 库。它使操作 HTML 文档、处理事件、创建动画和开发交互式用户界面变得更加容易。默认情况下,WordPress 包含 jQuery,但它可能并不总是最新版本。在本文中,我们将向您展示如何从 WordPress 中的内容分发网络 (CDN) 加载 jQuery。

为什么要从 CDN 加载 jQuery?

您可能希望从 CDN 加载 jQuery 而不是使用 WordPress 附带的版本的原因有多种。

  1. 改进的性能:CDN 将内容分发到全球多个服务器。当用户访问您的网站时,他们将从最近的服务器获得内容,从而减少延迟并缩短加载时间。
  2. 更好的缓存:从 CDN 加载 jQuery 允许浏览器缓存文件,减少用户每次访问您的网站时需要下载的数据量。
  3. 可靠性:依靠大型且完善的 CDN,您可以确信 jQuery 库将随时可供您的用户使用和访问。

如何在 WordPress 中从 CDN 加载 jQuery

要从 WordPress 中的 CDN 加载 jQuery,您需要修改主题或创建插件。这是您需要做的:

将以下代码添加到主题的 functions.php 文件或插件文件中:

function crunchify_load_jquery_from_google_cdn() { if (!is_admin()) { wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, ‘https://code.jquery.com/jquery-3.6.3.min.js’, false, ‘3.6.0’); wp_enqueue_script(‘jquery’); }}add_action(‘wp_enqueue_scripts’, ‘crunchify_load_jquery_from_google_cdn’);

此代码取消注册 default jQuery script WordPress 中包含的,并将其替换为来自 jQuery CDN 的版本。

通过检查您网站的源代码来验证是否正在从 CDN 加载 jQuery。在您的浏览器中,右键单击页面并选择“查看页面源代码”。然后搜索“jquery”,看看script标签中的URL是否与CDN URL匹配。

注意:确保 CDN 可靠并且您使用的 jQuery 版本与您的 WordPress 主题和插件兼容非常重要。如果遇到任何问题,您可能需要切换回 WordPress 附带的默认版本的 jQuery。

使用不同的 CDN – Google CDN

您还可以使用不同的 CDN,例如 Google,在 WordPress 中加载 jQuery。下面是使用 Google CDN 的代码:

function crunchify_load_jquery_from_google_cdn() { if (!is_admin()) { wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, ‘https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js’, false, ‘3.6.0’); wp_enqueue_script(‘jquery’); }}add_action(‘wp_enqueue_scripts’, ‘crunchify_load_jquery_from_google_cdn’);

如果您对在您的网站上加载 jQuery 有任何疑问或问题,请告诉我。

相关文章