google.load(): Google's Ajax Libraries API

February 9, 2009

Javascript

Varenda site laddar i stort set exakt samma javascriptbibliotek. Filerna för varje bibliotek är ca 100KB. Eftersom siterna hostar sina egna bibliotek måste webbläsaren cacha denna fil för varje sida, vilken är slöseri på bandbredd och tid.

Allt ska gå fort och lösningen är Google AJAX Libraries APIs. Google hostar helt enkelt de vanligase och återkommande javascriptbiblioteken, de har alltid de nyaste releaserna av jQuery, MooTools, YUI, Dojo, Prototype och massa fler. Fördelarna är flera:

  • Google’s servrar laddar förmodligen snabbare än på din egen server.
  • Eftersom scriptet ligger på samma ställe för alla siter är det mer troligt att den redan är cachad.
  • Du sparar bandbredd.

Så här implementerar du google.load().

Javascript:

<script src=”http://www.google.com/jsapi” type=”text/javascript”></script>

//get the latest moo
google.load(‘mootools’, ’1.2.1′);

//other examples
google.load(“jquery”, “1.3.2″);
google.load(“jqueryui”, “1.7.2″);
google.load(“prototype”, “1.6.0.3″);
google.load(“scriptaculous”, “1.8.2″);
google.load(“mootools”, “1.2.3″);
google.load(“dojo”, “1.3.2″);
google.load(“swfobject”, “2.2″);
google.load(“yui”, “2.7.0″);
google.load(“ext-core”, “3.0.0″);

google.setOnLoadCallback(callBackFunctionOnFinished);

Det är allt, tala bara om för google vilket bibliotek och version du vill ha så sköter google resten.