skip to Main Content
Our free WordPress themes are downloaded over 5 MILLION times. Get them now!
JQuery Logo
Colorlib content is free. When you buy through links on our site, we may earn an affiliate commission. Learn More

How to Load WordPress jQuery Script From CDN (Google Hosted Libraries)

This tutorial will show you how to replace your local jQuery script which comes with WordPress with one from from Google Library for better performance and reliability. This usually is done optimize website performance and improve website load speed for relatively slow shared hosts. Use of CDN (Google Library in this case) is a great way to reduce load on your server in unexpected traffic spike as less files will be loaded from your server and load would be distributed over Google server infrastructure.

In case you are using your own VPS I wouldn’t recommend to load jQuery from other resources but would minify, combine and gzip it locally which does require some JavaScript skills to combat JavaScript and jQuery conflicts but it is worth it.

What are the benefits from using Google Library CDN for jQuery and other JavaScript libraries?

1. Better performance as Google surely has a better server than you have.
2. jQuery file from Google Library might be already cache in your visitors browser making to load it even faster.
3. jQuery is loaded from the closest Google server.
4. Less load on your server

As you can all benefits are related to website performance and most likely you read this because you are looking to improve your website performance, am I right?

How to loads jQuery from Google Library (CDN)

First of all default WordPress scripts are registered via functions.php file and there are five parameters for this function.

  1. Name (jQuery on our case)
  2. URL of script (if it is loaded from theme folder or other place outside WordPress code)
  3. Array of any scripts which depend on this script (in most case scripts will depend on jQuery but there are many uses of this)
  4. Script version number (Only optional to keep the track of scripts you have installed)
  5. In the footer. (by default it is set to load all scripts in header, if this parameter is set “true”, scripts will be loaded in footer instead )
//Making jQuery to load from Google Library
function replace_jquery() {
	if (!is_admin()) {
		// comment out the next two lines to load the local copy of jQuery
		wp_register_script('jquery', '', false, '1.11.3');
add_action('init', 'replace_jquery');

When and why should avoid using Google Library for jQuery?

  • If you are building a theme (free or premium) that you will have no control where and how it will be used. In case you forget or have no control to update this jQuery code. It will get outdated and you might run into many problems. WordPress core has current (no the latest but the best suited version for masses) jQuery and let’s keep it that way.
  • When developing WordPress based website for your clients that you won’t maintain. Again the script will get outdated.
  • If you are on your own VPS as you won’t get any speed benefits. If you did know how to setup your own VPS it is likely that you will know how to implement caching, gzip and script minification.

What are your thoughts about loading jQuery from Google Library or other CDN resources that are dedicated to JavaScript libraries? CDN as a whole for images, scripts and other large files is a whole other story but what about this?

Update Spazlport have provided useful code snippet in comment section below for those looking for even more advanced solution.

Disclosure: This page contains external affiliate links that may result in us receiving a commission if you choose to purchase mentioned product. The opinions on this page are our own and we don't receive additional bonus for positive reviews.


Frontend web developer and web designer specialized in WordPress theme development. After graduating with BBA he self-though frontend web development. Currently, has over 10 years of experience in mainly CSS, HTML (TailwindCSS, Bootstrap), JavaScript(React, Vue, Angular) and PHP. Obsessed with application performance, user experience and simplicity.

Back To Top

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected] We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.