如何修改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链接的版本以确保安全性和兼容性。

Rate this post
技术教程

vps

Bluesrt

留言 | Comments