---
title: 提高wordpress网站jQuery加载速度
slug: improve-jquery-load-speed-on-wordpress-site
date: 2023-10-19
author: Frankie 徐
category: wordpress
tags: []
description: 在优化wordpress网站速度过程中，经常会遇到jQuery影响加载速度的问题。 即使是minified jQuery文件通常也有30多kb，如果是通过自己的网站服务器来加载，一般都会影响pagespeed评分，这里分享一个替代的方案，把网站的jQuery源改为CDN节点的公共源，既减少自己服务器的请求，又能加快访问速度...
permalink: https://www.210k.cc/improve-jquery-load-speed-on-wordpress-site
---

![image 25](./images/improve-jquery-load-speed-on-wordpress-site-img-1.png)

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

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

首先，通过code snippets插入如下代码：

![image 24](./images/improve-jquery-load-speed-on-wordpress-site-img-2.png)

```php
function load_external_jQuery() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', 'https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js', array(), null, true); 
    wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'load_external_jQuery');
```

![image 20](./images/improve-jquery-load-speed-on-wordpress-site-img-3.png)

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

## 使用jsdelivr cdn之前

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

![image 22](./images/improve-jquery-load-speed-on-wordpress-site-img-4.png)

## 使用jsdelivr cdn之后

![image 23](./images/improve-jquery-load-speed-on-wordpress-site-img-5.png)

## 其他可用的公共源

```javascript
/*
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
*/
```