提高wordpress网站jQuery加载速度

作者: LAOXU, 更新日期: 2023-10-19
image 25

在优化wordpress网站速度过程中,经常会遇到jQuery影响加载速度的问题。

即使是minified jQuery文件通常也有30多kb,如果是通过自己的网站服务器来加载,一般都会影响pagespeed评分,这里分享一个替代的方案,把网站的jQuery源改为CDN节点的公共源,既减少自己服务器的请求,又能加快访问速度。

首先,通过code snippets插入如下代码:

image 24
function load_external_jQuery() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js', array(), null, true); 
    wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'load_external_jQuery');
image 20

下图可以看到,现在加载的jQuery库文件,就是来自jsdelivr CDN了,下面是加载前后的速度对比:

使用jsdelivr cdn之前

下图还是本站已经使用了Bunny CDN之后的加载速度,如果是没有套CDN,加载时间会更长

image 22

使用jsdelivr cdn之后

image 23

其他可用的公共源

/*
Google Hosted Libraries: https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js
jsDelivr: https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js
cdnjs: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js
*/

关于我

一个熟悉WordPress建站推广的外贸人。

在自己折腾的过程中,把经验积累记录下来,主要包括网站主机、后端、前端、内容营销、Google Ads、网站数据分析、加速优化等,纯佛系输出。

如果我的文章刚好对你有用,那不胜荣幸;如果你在WP建站过程中遇到了一些技术问题,或许我可以解决其中的80-90%。read more...

关注公众号,获取最新文章推送。

210 studio wechat