Jquery 是一个快速、小巧且功能丰富的 JavaScript 库。 它使操作 HTML 文档、处理事件、创建动画和开发交互式用户界面变得更加容易。 WordPress 默认包含 jQuery,但它可能并不总是最新版本。 在本文中,我们将向您展示如何在 WordPress 中从内容分发网络 (CDN) 加载 jQuery。
为什么要从 CDN 加载 jQuery?
您可能希望从 CDN 加载 jQuery而不是 使用 WordPress 自带的版本有几个原因。
- 改进的性能:CDN 将内容分布到世界各地的多个服务器。 当用户访问您的站点时,他们将从最近的服务器获取内容,从而减少延迟并缩短加载时间。
- 更好的缓存:从 CDN 加载 jQuery 允许浏览器缓存文件,减少用户每次访问您的站点时需要下载的数据量。
- 可靠性:依靠一个大而完善的-建立 CDN 后,您可以确信 jQuery 库将始终可供您的用户使用和访问。
如何从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');
这段代码取消注册 / span>default jQuery script
包含在 WordPress 中并将其替换为 The version的 jQuery CDN。
通过检查您网站的源代码进行验证jQuery 是否从 CDN 加载。 在您的浏览器中,右键单击页面并选择查看页面源代码。 然后搜索“jquery”,查看script标签中的URL是否与CDN URL匹配。
注意:确保CDN可靠且您正在使用的 jQuery 版本与您的 WordPress 主题和插件兼容非常重要。 如果遇到任何问题,您可能需要切换回 WordPress 附带的默认 jQuery 版本。
使用不同的 CDN – Google CDN span> span>
您还可以使用Google
等不同CDN,加载jQuery in WordPress的。 这是使用 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' , 假的, '3.6.0'); wp_enqueue_script('jquery'); }}add_action('wp_enqueue_scripts', 'crunchify_load_jquery_from_google_cdn');
如果你有兴趣加载让我了解您是否对 jQuery 有任何疑问或问题。