Så här ersätter du standard WordPress jQuery-skript med Google Library

28 kommentarerLämna ett svar

1. Syed Balkhi

   Hey WPBeginner readers,
   Did you know you can win exciting prizes by commenting on WPBeginner?
   Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
   You can get more details about the contest from here.
   Start sharing your thoughts below to stand a chance to win!

2. ALEX

   Hello,

   We have a server in China, and all of resource from Google are blocked by Chinese government firewall.

   But, the Jquery and Fonts resources are loaded from Google on Wordpress by default now, and the site is caused seriously delay.

   So, is there anyway to force Js or CSS resources to be loaded from local server please?

   Thanks

   Svara

   • WPBeginner Support

     If you have a web address for the jquery files on a local server then you would change the url in the snippet to point toward where the jquery is located.

     Svara

     Administratör

3. Wilbur

   Hey, sorry for haling this post out of the grave… How relevant is this still? In Terms of the latest P Core versions?

   Thanks

   Svara

4. Jorge

   Hi,

   Here is a more advanced implementation:

   add_action( ’wp_enqueue_scripts’, ’register_jquery’ );
   function register_jquery() {
   if (!is_admin()) {
   wp_deregister_script(’jquery-core’);
   wp_register_script(’jquery-core’, ’http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js’, true, ’1.11.3’);
   wp_enqueue_script(’jquery-core’);
   wp_deregister_script(’jquery-migrate’);
   wp_register_script(’jquery-migrate’, ’http://cdn.yourdomain.com/wp-includes/js/jquery/jquery-migrate.min.js’, true, ’1.2.1’);
   wp_enqueue_script(’jquery-migrate’);
   }
   }

   Where ”cdn.yourdomain.com” it should be replaced by the file path, using a CDN for a better result.

   Best Regards,

   Jorge Ortiz

   Svara

   • Simon

     Both the post’s solution and this one break my site

     Svara

     • Plato39

       Jorge’s code worked for me – but the quotation marks must be replaced. Try this:

       add_action( ’wp_enqueue_scripts’, ’register_jquery’ );
       function register_jquery() {
       if (!is_admin()) {
       wp_deregister_script(’jquery-core’);
       wp_register_script(’jquery-core’, ’https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js’, true, ’1.11.3’);
       wp_enqueue_script(’jquery-core’);
       wp_deregister_script(’jquery-migrate’);
       wp_register_script(’jquery-migrate’, ’http://cdn.yourdomain.com/wp-includes/js/jquery/jquery-migrate.min.js’, true, ’1.2.1’);
       wp_enqueue_script(’jquery-migrate’);
       }
       }

       Svara

       • Plato39

         OK – it’s this webpage that is adding the fancy quotes. Just do a ’find and replace’ in your text editor (or manually replace the quotes with plain ones) and the code will work in your theme’s functions.php file.

       • Shaurya

         what do i put in the url if I dont have a cdn ?

5. will

   hi
   thank you very much for your post, I tried to change it and do not know if I did well because my web now is 2 seconds slower
   How do I check if I did well and I’m using the google libraries?

   Svara

6. Ihsan

   I tested code above and i replace the last line with this to make it work and better

   add_action( ’wp_print_scripts’, ’modify_jquery’, 100 );

   Svara

7. Alejandro

   Hi, Thank you for your tips. I do not know Why when using this function, the jquery from Google is loading twice, I mean, I have two HTTP request instead of one, Here is the test: http://tools.pingdom.com/fpt/#!/dROQaF/http://elbauldelprogramador.com.

   With jquery.easing the same happends, but this time with 3 HTTP request for the same file.

   Any ideas? I’ve been looking into the code but didn’t find duplication of wp_enqueue_script(”);

   Thank you in advance

   Svara

   • Alejandro

     Just notice that when I am logged in, jquery from google is only loaded once.

     Svara

8. Mathieu

   Thanx! The jQuery used to break up my admin functionality now that’s solved.

   Svara

9. Mitch

   Thanks much appreciated.

   Svara

10. Joseph Chambers

    What if I want to load either HTTP or HTTPS based on whatever the visitor is visiting our page on.

    for most things we can change: http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js -> //ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js and it works. However; something in the wp_register_script() is throwing a error ( White page with the word: Error ) when I change that. thoughts, solutions?

    Svara

11. Sajid Iqbal

    Thanks Syed for this great post. Saved me a lot of time.

    Svara

12. Matt Ogborne

    Very helpful, Thank you!

    Matt

    Svara

13. Riversatile

    Hi,

    Here is the latest version of the googleapi jquery file.

    When you copy/paste the code above, don’t forget to replace the jquery URl by this one :

    http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js

    Then replace ”1.4.4” by ”1.6.2”

    Like that :

    //Making jQuery Google APIfunction modify_jquery() { if (!is_admin()) { // comment out the next two lines to load the local copy of jQuery wp_deregister_script(’jquery’); wp_register_script(’jquery’, ’http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js’, false, ’1.6.2’); wp_enqueue_script(’jquery’); }}add_action(’init’, ’modify_jquery’);

    Svara

    • vnu

      Could anyone tell me if I need to modify (!is_admin) to ”minimum” capability if I use a plugin plugin like thethefly ’s tabs and accordions . So the tabs created on pages are view-able by everyone?

      Thanks !

      Svara

14. Melissa Cleaver

    Thanks so much for the code, but when I tried to use it in my functions.php file, I got a fatal error, no matter where in the code I put it. Am I doing something wrong here?

    Svara

    • Editorial Staff

      Try the new code that we just put out there.

      Svara

      Administratör

15. swanie

    Question: does Google Library do a good job at pulling in the alt tag info from the media library? … I have several professional themes that use a main page jQuery slider, but they don’t pull in the alt tag … thus, the source code look like: alt=”” … which of course, is an seo no-no. I’ve never used the Google Library script … I’d be curious how that works. What’s your experience?

    Svara

    • Editorial Staff

      Alt tag for what? This is only replacing the javascript….

      Svara

      Administratör

      • swanie

        OK … I guess I’m specifically talking about jQuery sliders … I have purchased several professional themes with a main page jQuery slider … here’s one of them: http://coloradospringsautomechanics.com … if you view source, it pulls in the images, but not the alt tags … the alt tag is empty.

        I guess by reading this post, this Google Library approach could possibly resolve that.

        Another solution could be to break open the plugin files and add to the alt tag so I should have:

        img src=”file.jpg” alt=”” title=””

        Just wondering why these jQuery sliders don’t pull in the alt tags. That make sense? Am I off-subject?

        You guys rock, by the way.

        Svara

        • Aamir Rizwan

          Your website is flagged ”malware” by Google.

        • Geraldo

          //Offtopic
          @Swanie
          Go and look here : http://sitecheck.sucuri.net/results/coloradospringsautomechanics.com/
          Security report (Warnings found):
          error Blacklisted: Yes
          error Likely compromised: Yes

          //Ontopic
          We can’t : ”bundle” all our JQuery scripts? Do we have to make a call for every script seperate?

        • WPBeginner Support

          @Geraldo : you can resolve dependensies. For example if you are loading a jQuery script it would obviously need jQuery so you add that as dependency and WordPress would enqueue it for you.