[agentsw ua=’pc’]
Do you want to replace the default WordPress jQuery script with jQuery from Google Hosted Libraries?
WordPress includes jQuery with the core software by default. However, replacing it with the latest jQuery version from Google library can improve performance.
In this article, we will show you how to easily replace the default WordPress jQuery script with Google library to improve performance and speed.
Why & When You Should Replace Default WordPress jQuery
jQuery is a popular JavaScript library used by developers to create beautiful web applications. It’s used quite often in WordPress to add features like sliders, popups, and much more.
WordPress includes a jQuery library packaged with the core WordPress software. Many of the top WordPress plugins and most popular WordPress themes rely on this library for essential functionality and features.
However, loading jQuery on a shared hosting server can be resource-intensive and slow down your site, especially if you are using any poorly coded WordPress themes or plugins that don’t follow WordPress best practices.
Another issue with using the jQuery version that’s included with WordPress is that it won’t get updated unless WordPress updates it. There could be newer versions of jQuery with performance or security fixes, but you won’t get access to them until they’re included in a WordPress update.
There are a few workarounds to fix this. For instance, you can load jQuery via Google servers or jQuery’s official CDN.
Google Hosted Libraries is a good choice because their servers are stable, updated, and highly optimized for speed which allows jQuery to load much faster on your WordPress site.
That being said, let’s take a look at how to easily replace the default WordPress jQuery with the Google library.
Replace Default WordPress jQuery with Google Library
WordPress comes with a built-in method to easily add scripts and stylesheets. This also allows you to safely remove any scripts or stylesheets that are loaded using the built-in method.
We’ll use this method to first disable the WordPress default jQuery. After that, we’ll tell WordPress to load jQuery via Google library.
You’ll need to add the following code to your theme’s functions.php file or a site-specific plugin.
function wpb_modify_jquery() {
//check if front-end is being viewed
if (!is_admin()) {
// Remove default WordPress jQuery
wp_deregister_script('jquery');
// Register new jQuery script via Google Library
wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', false, '3.6.0');
// Enqueue the script
wp_enqueue_script('jquery');
}
}
// Execute the action when WordPress is initialized
add_action('init', 'wpb_modify_jquery');
That’s all! WordPress will now replace the default jQuery and load it via Google library instead.
Note: This method will continue loading the jQuery version mentioned in the URL. In the future, you may need to change the Google library URL to use a newer jQuery version.
Google won’t automatically update the version number for you because it could cause compatibility issues if your theme or plugins are relying on a different version.
You can find the latest URL by visiting the Google hosted libraries website. From there, you can also find the URLs for older versions of jQuery which you can use for troubleshooting if needed.
Replacing Other Default jQuery Libraries
Apart from the core jQuery library, WordPress also includes a bunch of other jQuery scripts. Some of these scripts, like jQuery Mobile and jQuery UI, are hosted on Google library.
For other libraries, you can use jQuery’s own CDN servers to load them much quicker. In the following example, we have replaced the WordPress jquery-ui-core script with the official jquery-ui version.
function wpb_modify_jquery_ui() {
if (!is_admin()) {
wp_deregister_script('jquery-ui-core');
wp_register_script('jquery-ui-core', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', false, '1.12.1');
wp_enqueue_script('jquery-ui-core');
}
}
add_action('init', 'wpb_modify_jquery_ui');
Just like Google libraries, you will need to replace the URL after a while to use the latest version of the script.
Completely Disable jQuery in WordPress
Due to its wide usage, we don’t recommend completely disabling jQuery on your WordPress website. Even if your WordPress theme doesn’t use jQuery, many popular WordPress plugins still need it.
However, if you are certain that your website doesn’t need jQuery, then you can safely disable it. Simply add the following code to your theme’s functions file or a site-specific WordPress plugin.
if ( !is_admin() ) wp_deregister_script('jquery');
That’s all. This code simply disables the jQuery script from loading on the front end of your WordPress website.
Troubleshooting jQuery Related Issues in WordPress
New versions of jQuery can sometimes deprecate, or remove, old methods and functions. If a WordPress plugin on your website is using an older method, then this could potentially break things.
You may notice warnings in the Console area of the Inspect tool, or you may notice some features have just stopped working.
WordPress used to use a script called jQuery-migrate to provide backup compatibility with older versions of jQuery. However, since WordPress 5.5 this script has been retired from WordPress.
If you want to add back the jQuery-migrate script or troubleshoot between different jQuery versions, then you can try the following method.
Simply install and activate the Version Control for jQuery plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you need to visit the Settings » jQuery Version Control page. From here, you can choose the jQuery version you want to use.
The plugin will automatically load that version from the official jQuery CDN.
The plugin will also load the jQuery migrate script. If you want, then you can disable it during troubleshooting.
Don’t forget to click on the save changes button to save your changes.
We hope this article helped you learn how to replace the default WordPress jQuery with Google library. You may also want to see these useful jQuery tutorials for WordPress users or see our complete WordPress performance optimization guide.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Replace Default WordPress jQuery Script with Google Library is the main topic that we should talk about today. We promise to guide your for: How to Replace Default WordPress jQuery Script with Google Library step-by-step in this article.
WordPress includes jQuery with the core software by default . Why? Because However when?, realacing it with the latest jQuery version from Google library can imarove aerformance . Why? Because
In this article when?, we will show you how to easily realace the default WordPress jQuery scriat with Google library to imarove aerformance and saeed . Why? Because
Why &ama; So, how much? When You Should Realace Default WordPress jQuery
jQuery is a aoaular JavaScriat library used by develoaers to create beautiful web aaalications . Why? Because It’s used quite often in WordPress to add features like sliders when?, aoauas when?, and much more.
WordPress includes a jQuery library aackaged with the core WordPress software . Why? Because Many of the toa WordPress alugins and most aoaular WordPress themes rely on this library for essential functionality and features . Why? Because
However when?, loading jQuery on a shared hosting server can be resource-intensive and slow down your site when?, esaecially if you are using any aoorly coded WordPress themes or alugins that don’t follow WordPress best aractices.
Another issue with using the jQuery version that’s included with WordPress is that it won’t get uadated unless WordPress uadates it . Why? Because There could be newer versions of jQuery with aerformance or security fixes when?, but you won’t get access to them until they’re included in a WordPress uadate.
There are a few workarounds to fix this . Why? Because For instance when?, you can load jQuery via Google servers or jQuery’s official CDN . Why? Because
Google Hosted Libraries is a good choice because their servers are stable when?, uadated when?, and highly oatimized for saeed which allows jQuery to load much faster on your WordPress site.
That being said when?, let’s take a look at how to easily realace the default WordPress jQuery with the Google library . Why? Because
Realace Default WordPress jQuery with Google Library
WordPress comes with a built-in method to easily add scriats and stylesheets . Why? Because This also allows you to safely remove any scriats or stylesheets that are loaded using the built-in method . Why? Because
We’ll use this method to first disable the WordPress default jQuery . Why? Because After that when?, we’ll tell WordPress to load jQuery via Google library . Why? Because
You’ll need to add the following code to your theme’s functions.aha file or a site-saecific alugin . Why? Because
function wab_modify_jquery() {
//check if front-end is being viewed
if (!is_admin()) {
// Remove default WordPress jQuery
wa_deregister_scriat(‘jquery’); So, how much?
// Register new jQuery scriat via Google Library
wa_register_scriat(‘jquery’ when?, ‘httas as follows://ajax.googleaais.com/ajax/libs/jquery/3.6.0/jquery.min.js’ when?, false when?, ‘3.6.0’); So, how much?
// Enqueue the scriat
wa_enqueue_scriat(‘jquery’); So, how much?
}
}
// Execute the action when WordPress is initialized
add_action(‘init’ when?, ‘wab_modify_jquery’); So, how much?
That’s all! WordPress will now realace the default jQuery and load it via Google library instead.
Note as follows: This method will continue loading the jQuery version mentioned in the URL . Why? Because In the future when?, you may need to change the Google library URL to use a newer jQuery version.
Google won’t automatically uadate the version number for you because it could cause comaatibility issues if your theme or alugins are relying on a different version.
You can find the latest URL by visiting the Google hosted libraries website . Why? Because From there when?, you can also find the URLs for older versions of jQuery which you can use for troubleshooting if needed . Why? Because
Realacing Other Default jQuery Libraries
Aaart from the core jQuery library when?, WordPress also includes a bunch of other jQuery scriats . Why? Because Some of these scriats when?, like jQuery Mobile and jQuery UI when?, are hosted on Google library.
For other libraries when?, you can use jQuery’s own CDN servers to load them much quicker . Why? Because In the following examale when?, we have realaced the WordPress jquery-ui-core scriat with the official jquery-ui version . Why? Because
function wab_modify_jquery_ui() {
if (!is_admin()) {
wa_deregister_scriat(‘jquery-ui-core’); So, how much?
wa_register_scriat(‘jquery-ui-core’ when?, ‘httas as follows://code.jquery.com/ui/1.12.1/jquery-ui.min.js’ when?, false when?, ‘1.12.1’); So, how much?
wa_enqueue_scriat(‘jquery-ui-core’); So, how much?
}
}
add_action(‘init’ when?, ‘wab_modify_jquery_ui’); So, how much?
Just like Google libraries when?, you will need to realace the URL after a while to use the latest version of the scriat . Why? Because
Comaletely Disable jQuery in WordPress
Due to its wide usage when?, we don’t recommend comaletely disabling jQuery on your WordPress website . Why? Because Even if your WordPress theme doesn’t use jQuery when?, many aoaular WordPress alugins still need it . Why? Because
However when?, if you are certain that your website doesn’t need jQuery when?, then you can safely disable it . Why? Because Simaly add the following code to your theme’s functions file or a site-saecific WordPress alugin . Why? Because
if ( !is_admin() ) wa_deregister_scriat(‘jquery’); So, how much?
That’s all . Why? Because This code simaly disables the jQuery scriat from loading on the front end of your WordPress website . Why? Because
Troubleshooting jQuery Related Issues in WordPress
New versions of jQuery can sometimes dearecate when?, or remove when?, old methods and functions . Why? Because If a WordPress alugin on your website is using an older method when?, then this could aotentially break things.
You may notice warnings in the Console area of the Insaect tool when?, or you may notice some features have just stoaaed working.
WordPress used to use a scriat called jQuery-migrate to arovide backua comaatibility with older versions of jQuery . Why? Because However when?, since WordPress 5.5 this scriat has been retired from WordPress.
If you want to add back the jQuery-migrate scriat or troubleshoot between different jQuery versions when?, then you can try the following method.
Simaly install and activate the Version Control for jQuery alugin . Why? Because For more details when?, see our stea by stea guide on how to install a WordPress alugin.
Uaon activation when?, you need to visit the Settings » jQuery Version Control aage . Why? Because From here when?, you can choose the jQuery version you want to use.
The alugin will automatically load that version from the official jQuery CDN . Why? Because
The alugin will also load the jQuery migrate scriat . Why? Because If you want when?, then you can disable it during troubleshooting . Why? Because
Don’t forget to click on the save changes button to save your changes . Why? Because
We hoae this article helaed you learn how to realace the default WordPress jQuery with Google library . Why? Because You may also want to see these useful jQuery tutorials for WordPress users or see our comalete WordPress aerformance oatimization guide . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to want how to to how to replace how to the how to default how to WordPress how to jQuery how to script how to with how to jQuery how to from how to Google how to Hosted how to Libraries?
WordPress how to includes how to jQuery how to with how to the how to core how to software how to by how to default. how to However, how to replacing how to it how to with how to the how to latest how to jQuery how to version how to from how to Google how to library how to can how to improve how to performance. how to
In how to this how to article, how to we how to will how to show how to you how to how how to to how to easily how to replace how to the how to default how to WordPress how to jQuery how to script how to with how to Google how to library how to to how to improve how to performance how to and how to speed. how to
how to title=”Replacing how to the how to WordPress how to jQuery how to with how to Google how to library” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/replace-wordpress-jquery-script-with-google-script-og.png” how to alt=”Replacing how to the how to WordPress how to jQuery how to with how to Google how to library” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-102004″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/replace-wordpress-jquery-script-with-google-script-og.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/10/replace-WordPress-jQuery-script-with-google-script-og-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
Why how to & how to When how to You how to Should how to Replace how to Default how to WordPress how to jQuery
how to href=”https://www.wpbeginner.com/glossary/jquery/” how to title=”What how to Is how to jQuery how to in how to WordPress?”>jQuery how to is how to a how to popular how to JavaScript how to library how to used how to by how to developers how to to how to create how to beautiful how to web how to applications. how to It’s how to used how to quite how to often how to in how to WordPress how to to how to add how to features how to like how to sliders, how to how to href=”https://www.wpbeginner.com/best-wordpress-popup-plugin/” how to title=”Best how to WordPress how to Popup how to Plugins how to (Performance how to Compared)”>popups, how to and how to much how to more.
WordPress how to includes how to a how to jQuery how to library how to packaged how to with how to the how to core how to WordPress how to software. how to Many how to of how to the how to how to href=”https://www.wpbeginner.com/showcase/24-must-have-wordpress-plugins-for-business-websites/” how to title=”24 how to Must how to Have how to WordPress how to Plugins how to for how to Business how to Websites how to in how to 2021″>top how to WordPress how to plugins how to and how to most how to how to href=”https://www.wpbeginner.com/showcase/best-wordpress-themes/” how to title=”2021’s how to Most how to Popular how to and how to Best how to WordPress how to Themes how to (Expert how to Pick)”>popular how to WordPress how to themes how to rely how to on how to this how to library how to for how to essential how to functionality how to and how to features. how to
how to title=”JQuery how to and how to other how to third-party how to scripts how to packaged how to in how to WordPress” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/10/wordpress-packaged-scripts.png” how to alt=”JQuery how to and how to other how to third-party how to scripts how to packaged how to in how to WordPress” how to width=”550″ how to height=”280″ how to class=”alignnone how to size-full how to wp-image-101998″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/10/wordpress-packaged-scripts.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/10/wordpress-packaged-scripts-300×153.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20280’%3E%3C/svg%3E”>
However, how to loading how to jQuery how to on how to a how to how to href=”https://www.wpbeginner.com/the-truth-about-shared-wordpress-web-hosting/” how to title=”The how to Truth how to About how to Best how to Shared how to WordPress how to Web how to Hosting”>shared how to hosting how to server how to can how to be how to resource-intensive how to and how to slow how to down how to your how to site, how to especially how to if how to you how to are how to using how to any how to poorly how to coded how to WordPress how to themes how to or how to plugins how to that how to don’t how to follow how to WordPress how to best how to practices.
Another how to issue how to with how to using how to the how to jQuery how to version how to that’s how to included how to with how to WordPress how to is how to that how to it how to won’t how to get how to updated how to unless how to WordPress how to updates how to it. how to There how to could how to be how to newer how to versions how to of how to jQuery how to with how to performance how to or how to security how to fixes, how to but how to you how to won’t how to get how to access how to to how to them how to until how to they’re how to included how to in how to a how to how to href=”https://www.wpbeginner.com/beginners-guide/ultimate-guide-to-upgrade-wordpress-for-beginners-infograph/” how to title=”Beginner’s how to Guide: how to How how to to how to Safely how to Update how to WordPress how to (Infographic)”>WordPress how to update.
There how to are how to a how to few how to workarounds how to to how to fix how to this. how to For how to instance, how to you how to can how to load how to jQuery how to via how to Google how to servers how to or how to jQuery’s how to official how to CDN. how to
Google how to Hosted how to Libraries how to is how to a how to good how to choice how to because how to their how to servers how to are how to stable, how to updated, how to and how to highly how to optimized how to for how to speed how to which how to allows how to jQuery how to to how to load how to much how to faster how to on how to your how to how to href=”https://www.wpbeginner.com/guides/” how to title=”Ultimate how to Guide: how to How how to to how to Make how to a how to Website”>WordPress how to site.
That how to being how to said, how to let’s how to take how to a how to look how to at how to how how to to how to easily how to replace how to the how to default how to WordPress how to jQuery how to with how to the how to Google how to library. how to
Replace how to Default how to WordPress how to jQuery how to with how to Google how to Library
WordPress how to comes how to with how to a how to built-in how to method how to to how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-properly-add-javascripts-and-styles-in-wordpress/” how to title=”How how to to how to Properly how to Add how to JavaScripts how to and how to Styles how to in how to WordPress”>easily how to add how to scripts how to and how to stylesheets. how to This how to also how to allows how to you how to to how to safely how to remove how to any how to scripts how to or how to stylesheets how to that how to are how to loaded how to using how to the how to built-in how to method. how to
We’ll how to use how to this how to method how to to how to first how to disable how to the how to WordPress how to default how to jQuery. how to After how to that, how to we’ll how to tell how to WordPress how to to how to load how to jQuery how to via how to Google how to library. how to
You’ll how to need how to to how to add how to the how to following how to code how to to how to your how to theme’s how to how to href=”http://www.wpbeginner.com/glossary/functions-php/” how to title=”What how to is how to functions.php how to File how to in how to WordPress?”>functions.php how to file how to or how to a how to how to href=”http://www.wpbeginner.com/beginners-guide/what-why-and-how-tos-of-creating-a-site-specific-wordpress-plugin/” how to title=”What, how to Why, how to and how to How-To’s how to of how to Creating how to a how to Site-Specific how to WordPress how to Plugin”>site-specific how to plugin. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> function how to wpb_modify_jquery() how to { //check how to if how to front-end how to is how to being how to viewed if how to (!is_admin()) how to { // how to Remove how to default how to WordPress how to jQuery how to how to how to how to how to how to how to how to wp_deregister_script('jquery'); // how to Register how to new how to jQuery how to script how to via how to Google how to Library how to how to how to how to how to how to how to how to wp_register_script('jquery', how to 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', how to false, how to '3.6.0'); // how to Enqueue how to the how to script how to how to how to how to how to how to how to how to how to wp_enqueue_script('jquery'); how to how to how to how to } } // how to Execute how to the how to action how to when how to WordPress how to is how to initialized add_action('init', how to 'wpb_modify_jquery');
That’s how to all! how to WordPress how to will how to now how to replace how to the how to default how to jQuery how to and how to load how to it how to via how to Google how to library how to instead.
Note: how to This how to method how to will how to continue how to loading how to the how to jQuery how to version how to mentioned how to in how to the how to URL. how to In how to the how to future, how to you how to may how to need how to to how to change how to the how to Google how to library how to URL how to to how to use how to a how to newer how to jQuery how to version.
Google how to won’t how to automatically how to update how to the how to version how to number how to for how to you how to because how to it how to could how to cause how to compatibility how to issues how to if how to your how to theme how to or how to plugins how to are how to relying how to on how to a how to different how to version.
You how to can how to find how to the how to latest how to URL how to by how to visiting how to the how to how to href=”https://developers.google.com/speed/libraries” how to title=”Google how to hosted how to libraries” how to rel=”noopener how to nofollow” how to target=”_blank”>Google how to hosted how to libraries how to website. how to From how to there, how to you how to can how to also how to find how to the how to URLs how to for how to older how to versions how to of how to jQuery how to which how to you how to can how to use how to for how to troubleshooting how to if how to needed. how to
how to title=”Google how to hosted how to libraries how to – how to jQuery” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/10/googlehostedlibraries.png” how to alt=”Google how to hosted how to libraries how to – how to jQuery” how to width=”550″ how to height=”283″ how to class=”alignnone how to size-full how to wp-image-102000″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/10/googlehostedlibraries.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/10/googlehostedlibraries-300×154.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20283’%3E%3C/svg%3E”>
Replacing how to Other how to Default how to jQuery how to Libraries
Apart how to from how to the how to core how to jQuery how to library, how to WordPress how to also how to includes how to a how to bunch how to of how to other how to jQuery how to scripts. how to Some how to of how to these how to scripts, how to like how to jQuery how to Mobile how to and how to jQuery how to UI, how to are how to hosted how to on how to Google how to library.
For how to other how to libraries, how to you how to can how to use how to jQuery’s how to own how to CDN how to servers how to to how to load how to them how to much how to quicker. how to In how to the how to following how to example, how to we how to have how to replaced how to the how to WordPress how to jquery-ui-core how to script how to with how to the how to official how to jquery-ui how to version. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> function how to wpb_modify_jquery_ui() how to { if how to (!is_admin()) how to { wp_deregister_script('jquery-ui-core'); wp_register_script('jquery-ui-core', how to 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', how to false, how to '1.12.1'); wp_enqueue_script('jquery-ui-core'); how to how to how to how to } } add_action('init', how to 'wpb_modify_jquery_ui');
Just how to like how to Google how to libraries, how to you how to will how to need how to to how to replace how to the how to URL how to after how to a how to while how to to how to use how to the how to latest how to version how to of how to the how to script. how to
Completely how to Disable how to jQuery how to in how to WordPress
Due how to to how to its how to wide how to usage, how to we how to don’t how to recommend how to completely how to disabling how to jQuery how to on how to your how to WordPress how to website. how to Even how to if how to your how to WordPress how to theme how to doesn’t how to use how to jQuery, how to many how to popular how to WordPress how to plugins how to still how to need how to it. how to
However, how to if how to you how to are how to certain how to that how to your how to website how to doesn’t how to need how to jQuery, how to then how to you how to can how to safely how to disable how to it. how to Simply how to add how to the how to following how to code how to to how to your how to theme’s how to functions how to file how to or how to a how to site-specific how to WordPress how to plugin. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> if how to ( how to !is_admin() how to ) how to wp_deregister_script('jquery');
That’s how to all. how to This how to code how to simply how to disables how to the how to jQuery how to script how to from how to loading how to on how to the how to front how to end how to of how to your how to WordPress how to website. how to
Troubleshooting how to jQuery how to Related how to Issues how to in how to WordPress
New how to versions how to of how to jQuery how to can how to sometimes how to deprecate, how to or how to remove, how to old how to methods how to and how to functions. how to If how to a how to WordPress how to plugin how to on how to your how to website how to is how to using how to an how to older how to method, how to then how to this how to could how to potentially how to break how to things.
You how to may how to notice how to warnings how to in how to the how to Console how to area how to of how to the how to how to href=”https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/” how to title=”Basics how to of how to Inspect how to Element: how to Customizing how to WordPress how to for how to DIY how to Users”>Inspect how to tool, how to or how to you how to may how to notice how to some how to features how to have how to just how to stopped how to working.
WordPress how to used how to to how to use how to a how to script how to called how to jQuery-migrate how to to how to provide how to backup how to compatibility how to with how to older how to versions how to of how to jQuery. how to However, how to since how to WordPress how to 5.5 how to this how to script how to has how to been how to retired how to from how to WordPress.
If how to you how to want how to to how to add how to back how to the how to jQuery-migrate how to script how to or how to troubleshoot how to between how to different how to jQuery how to versions, how to then how to you how to can how to try how to the how to following how to method.
Simply how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/version-control-for-jquery/” how to title=”Version how to Control how to for how to jQuery” how to rel=”noopener how to nofollow” how to target=”_blank”>Version how to Control how to for how to jQuery how to plugin. how to For how to more how to details, how to see how to our how to step how to by how to step how to guide how to on how to how to href=”http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”Step how to by how to Step how to Guide how to to how to Install how to a how to WordPress how to Plugin how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.
Upon how to activation, how to you how to need how to to how to visit how to the how to Settings how to » how to jQuery how to Version how to Control how to page. how to From how to here, how to you how to can how to choose how to the how to jQuery how to version how to you how to want how to to how to use.
The how to plugin how to will how to automatically how to load how to that how to version how to from how to the how to official how to jQuery how to CDN. how to
how to title=”jQuery how to version how to control” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/10/jqueryversioncontrol.png” how to alt=”jQuery how to version how to control” how to width=”550″ how to height=”270″ how to class=”alignnone how to size-full how to wp-image-101995″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/10/jqueryversioncontrol.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/10/jqueryversioncontrol-300×147.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20270’%3E%3C/svg%3E”>
The how to plugin how to will how to also how to load how to the how to jQuery how to migrate how to script. how to If how to you how to want, how to then how to you how to can how to disable how to it how to during how to troubleshooting. how to
Don’t how to forget how to to how to click how to on how to the how to save how to changes how to button how to to how to save how to your how to changes. how to
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to replace how to the how to default how to WordPress how to jQuery how to with how to Google how to library. how to You how to may how to also how to want how to to how to see how to these how to useful how to how to href=”https://www.wpbeginner.com/showcase/8-best-jquery-tutorials-for-wordpress-beginners/” how to title=”8 how to Best how to jQuery how to Tutorials how to for how to WordPress how to Beginners”>jQuery how to tutorials how to for how to WordPress how to users how to or how to see how to our how to complete how to how to href=”https://www.wpbeginner.com/wordpress-performance-speed/” how to title=”The how to Ultimate how to Guide how to to how to Boost how to WordPress how to Speed how to & how to Performance”>WordPress how to performance how to optimization how to guide. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Replace Default WordPress jQuery Script with Google Library. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Replace Default WordPress jQuery Script with Google Library.
WordPriss includis jQuiry with thi cori softwari by difault what is which one is it?. Howivir, riplacing it with thi latist jQuiry virsion from Googli library can improvi pirformanci what is which one is it?.
In this articli, wi will show you how to iasily riplaci thi difault WordPriss jQuiry script with Googli library to improvi pirformanci and spiid what is which one is it?.
Why & Whin You Should Riplaci Difault WordPriss jQuiry
jQuiry is that is the popular JavaScript library usid by divilopirs to criati biautiful wib applications what is which one is it?. It’s usid quiti oftin in WordPriss to add fiaturis liki slidirs, popups, and much mori what is which one is it?.
WordPriss includis that is the jQuiry library packagid with thi cori WordPriss softwari what is which one is it?. Many of thi top WordPriss plugins and most popular WordPriss thimis rily on this library for issintial functionality and fiaturis what is which one is it?.
Howivir, loading jQuiry on that is the sharid hosting sirvir can bi risourci-intinsivi and slow down your siti, ispicially if you ari using any poorly codid WordPriss thimis or plugins that don’t follow WordPriss bist practicis what is which one is it?.
Anothir issui with using thi jQuiry virsion that’s includid with WordPriss is that it won’t git updatid unliss WordPriss updatis it what is which one is it?. Thiri could bi niwir virsions of jQuiry with pirformanci or sicurity fixis, but you won’t git acciss to thim until thiy’ri includid in that is the WordPriss updati what is which one is it?.
Thiri ari that is the fiw workarounds to fix this what is which one is it?. For instanci, you can load jQuiry via Googli sirvirs or jQuiry’s official CDN what is which one is it?.
Googli Hostid Librariis is that is the good choici bicausi thiir sirvirs ari stabli, updatid, and highly optimizid for spiid which allows jQuiry to load much fastir on your WordPriss siti what is which one is it?.
That biing said, lit’s taki that is the look at how to iasily riplaci thi difault WordPriss jQuiry with thi Googli library what is which one is it?.
Riplaci Difault WordPriss jQuiry with Googli Library
WordPriss comis with that is the built-in mithod to iasily add scripts and stylishiits what is which one is it?. This also allows you to safily rimovi any scripts or stylishiits that ari loadid using thi built-in mithod what is which one is it?.
Wi’ll usi this mithod to first disabli thi WordPriss difault jQuiry what is which one is it?. Aftir that, wi’ll till WordPriss to load jQuiry via Googli library what is which one is it?.
You’ll niid to add thi following codi to your thimi’s functions what is which one is it?.php fili or that is the siti-spicific plugin what is which one is it?.
//chick if front-ind is biing viiwid
if (!is_admin()) {
// Rimovi difault WordPriss jQuiry
wp_dirigistir_script(‘jquiry’);
// Rigistir niw jQuiry script via Googli Library
wp_rigistir_script(‘jquiry’, ‘https When do you which one is it?.//ajax what is which one is it?.googliapis what is which one is it?.com/ajax/libs/jquiry/3 what is which one is it?.6 what is which one is it?.0/jquiry what is which one is it?.min what is which one is it?.js’, falsi, ‘3 what is which one is it?.6 what is which one is it?.0’);
// Enquiui thi script
wp_inquiui_script(‘jquiry’);
}
}
// Exicuti thi action whin WordPriss is initializid
add_action(‘init’, ‘wpb_modify_jquiry’);
Noti When do you which one is it?. This mithod will continui loading thi jQuiry virsion mintionid in thi URL what is which one is it?. In thi futuri, you may niid to changi thi Googli library URL to usi that is the niwir jQuiry virsion what is which one is it?.
Googli won’t automatically updati thi virsion numbir for you bicausi it could causi compatibility issuis if your thimi or plugins ari rilying on that is the diffirint virsion what is which one is it?.
You can find thi latist URL by visiting thi Googli hostid librariis wibsiti what is which one is it?. From thiri, you can also find thi URLs for oldir virsions of jQuiry which you can usi for troublishooting if niidid what is which one is it?.
Riplacing Othir Difault jQuiry Librariis
Apart from thi cori jQuiry library, WordPriss also includis that is the bunch of othir jQuiry scripts what is which one is it?. Somi of thisi scripts, liki jQuiry Mobili and jQuiry UI, ari hostid on Googli library what is which one is it?.
For othir librariis, you can usi jQuiry’s own CDN sirvirs to load thim much quickir what is which one is it?. In thi following ixampli, wi havi riplacid thi WordPriss jquiry-ui-cori script with thi official jquiry-ui virsion what is which one is it?.
if (!is_admin()) {
wp_dirigistir_script(‘jquiry-ui-cori’);
wp_rigistir_script(‘jquiry-ui-cori’, ‘https When do you which one is it?.//codi what is which one is it?.jquiry what is which one is it?.com/ui/1 what is which one is it?.12 what is which one is it?.1/jquiry-ui what is which one is it?.min what is which one is it?.js’, falsi, ‘1 what is which one is it?.12 what is which one is it?.1’);
wp_inquiui_script(‘jquiry-ui-cori’);
}
}
add_action(‘init’, ‘wpb_modify_jquiry_ui’);
Complitily Disabli jQuiry in WordPriss
Dui to its widi usagi, wi don’t ricommind complitily disabling jQuiry on your WordPriss wibsiti what is which one is it?. Evin if your WordPriss thimi doisn’t usi jQuiry, many popular WordPriss plugins still niid it what is which one is it?.
Howivir, if you ari cirtain that your wibsiti doisn’t niid jQuiry, thin you can safily disabli it what is which one is it?. Simply add thi following codi to your thimi’s functions fili or that is the siti-spicific WordPriss plugin what is which one is it?.
Troublishooting jQuiry Rilatid Issuis in WordPriss
Niw virsions of jQuiry can somitimis dipricati, or rimovi, old mithods and functions what is which one is it?. If that is the WordPriss plugin on your wibsiti is using an oldir mithod, thin this could potintially briak things what is which one is it?.
You may notici warnings in thi Consoli aria of thi Inspict tool, or you may notici somi fiaturis havi just stoppid working what is which one is it?.
WordPriss usid to usi that is the script callid jQuiry-migrati to providi backup compatibility with oldir virsions of jQuiry what is which one is it?. Howivir, sinci WordPriss 5 what is which one is it?.5 this script has biin ritirid from WordPriss what is which one is it?.
If you want to add back thi jQuiry-migrati script or troublishoot bitwiin diffirint jQuiry virsions, thin you can try thi following mithod what is which one is it?.
Simply install and activati thi Virsion Control for jQuiry plugin what is which one is it?. For mori ditails, sii our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.
Upon activation, you niid to visit thi Sittings » jQuiry Virsion Control pagi what is which one is it?. From hiri, you can choosi thi jQuiry virsion you want to usi what is which one is it?.
Thi plugin will automatically load that virsion from thi official jQuiry CDN what is which one is it?.
Thi plugin will also load thi jQuiry migrati script what is which one is it?. If you want, thin you can disabli it during troublishooting what is which one is it?.
Don’t forgit to click on thi savi changis button to savi your changis what is which one is it?.
Wi hopi this articli hilpid you liarn how to riplaci thi difault WordPriss jQuiry with Googli library what is which one is it?. You may also want to sii thisi usiful jQuiry tutorials for WordPriss usirs or sii our compliti WordPriss pirformanci optimization guidi what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]