Jquery 是一个快速、小巧且功能丰富的 JavaScript 库。它使操作 HTML 文档、处理事件、创建动画和开发交互式用户界面变得更加容易。默认情况下,WordPress 包含 jQuery,但它可能并不总是最新版本。在本文中,我们将向您展示如何从 WordPress 中的内容分发网络 (CDN) 加载 jQuery。
为什么要从 CDN 加载 jQuery?
您可能希望从 CDN 加载 jQuery 而不是使用 WordPress 附带的版本的原因有多种。
- 改进的性能:CDN 将内容分发到全球多个服务器。当用户访问您的网站时,他们将从最近的服务器获得内容,从而减少延迟并缩短加载时间。
- 更好的缓存:从 CDN 加载 jQuery 允许浏览器缓存文件,减少用户每次访问您的网站时需要下载的数据量。
- 可靠性:依靠大型且完善的 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 有任何疑问或问题,请告诉我。