如何修改Cocoon主题的jQuery的CDN来提高国内的访问速度

Cocoon主题的jQuery的CDN修改方法

前言

12月10日更换cocoon主题之后发现网站加载速度很慢，比原来的主题还要慢，有时候更是加载十几秒都加载不完！这就让人很头痛了！

使用浏览器的开发者模式查看，主题使用了Google的jQuery库，对于国内访问速度确实有影响！

修改CDN

想更改Cocoon主题中的jQuery加载地址以提高在国内的访问速度，可以考虑使用国内的CDN服务。一个常用的国内CDN服务是cdnjs.cloudflare.com 的镜像。你可以将 get_jquery_core_url

函数中的Google CDN链接替换为国内CDN链接。

找到主题文件夹下面的lib，找到utils.php，修改之前备份一下，好习惯！

• 打开utils.php文件进行编辑。

找到下面这段：

if ( !function_exists( 'get_jquery_core_url' ) ):
function get_jquery_core_url($ver){
$url = null;
switch ($ver) {
case '3':
$url = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js';
break;
case '2':
$url = 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js';
break;
case '1':
$url = 'https:ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js';
break;
}
return $url;
}
endif;

• 把里面的url替换为国内的CDN地址

// jQueryコアURLの取得
if ( !function_exists( 'get_jquery_core_url' ) ):
function get_jquery_core_url($ver){
$url = null;
switch ($ver) {
case '3':
// 使用国内CDN链接
$url = 'https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js';
break;
case '2':
// 使用国内CDN链接
$url = 'https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js';
break;
case '1':
// 使用国内CDN链接
$url = 'https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js';
break;
}
return $url;
}
endif;

总结

我使用了BootCDN提供的CDN链接，你也可以选择其他国内CDN服务。确保所选CDN服务是稳定可靠的，以确保你的网站在国内能够快速加载jQuery。

请注意，使用CDN链接的时候，最好选择一个流行而可靠的CDN服务，以确保其可用性和稳定性。同时，及时检查CDN链接的版本以确保安全性和兼容性。