english English

De voordelen van Google AJAX Libraries API

Veel webapplicaties die vandaag in javascript worden ontwikkeld maken gebruik van een framework. Zoals iedereen weet helpt Google de ontwikkelaars graag een handje. Een tijd terug introduceerde Google de "AJAX Libraries API". In deze blogpost wil ik hier graag eens dieper op ingaan en het gebruik en de voordelen ervan bespreken.

Wat is het?

Via de Google AJAX Libraries API kan je makkelijk en zonder deze bestanden zelf te moeten hosten de meest populaire third-party javascript frameworks gebruiken in je website.

Hoe gebruik je het?

Je kan deze API op 2 manieren gebruiken:

via AJAX:

  • URL: http://www.google.com/jsapi
  • Compressed:
    // Load compressed
    google.load("mootools", "1.2.4");
  • Uncompressed:
    // Load uncompressed
    google.load("mootools", "1.2.4", {uncompressed:true});

of via een directe url:

  • Compressed: http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js
  • Uncompressed: http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools.js

In bovenstaand voorbeeld heb ik versie 1.2.4 van MooTools gebruikt maar je kan hier bijna elk populair framework van Dojo tot Yahoo! User Interface Library gebruiken. Prototype en script.aculo.us zijn wel enkel in een compressed versie beschikbaar.

Voordelen

Natuurlijk brengt het gebruik van deze API enkele voordelen met zich mee:

  • Caching
    Hoe meer ontwikkelaars deze API gebruiken, hoe groter de kans dat een bezoeker dit script niet meer moet ophalen omdat dit reeds in de cache zit. Dit maakt je website weer een stukje sneller.
  • Weer een request minder
    Bij het inladen van een pagina kan je volgens de HTTP 1.1 specificaties maximum 2 bestanden parallel downloaden per hostname. Doordat dit bestand niet op jouw domein staat zal de website net iets sneller inladen. In de realiteit zal dit niet merkbaar zijn maar alle beetjes helpen.
  • Ook oudere versies zijn beschikbaar
    Niet zo'n groot voordeel maar wel handig. Je kan voor de meeste frameworks kiezen voor een oudere versie. Hierdoor moet je je geen zorgen maken dat je zelfgeschreven scripts niet meer werken wanneer er een nieuwe versie uitkomt.

Nadelen

Veel nadelen bij het gebruik van deze API zijn er niet. Waar je wel rekening mee moet houden is dat je hierdoor (net zoals bij het kaartje van Google maps of de Google Search API) content van Google haalt en daarmee wordt je project eigenlijk toch afhankelijk van Google.

Conclusie

Het gebruik maken van deze API heeft meer voordelen als nadelen. We kunnen hierdoor onze websites weer stukje sneller maken. Ik zou dan ook zeker aanraden om deze API eens te gebruiken. Heb je hier zelf ook al ervaring mee of ga je met deze methode niet akkoord? Laat het dan even achter in een reactie.

Resources

RSS reacties feed

3 reacties tot nu toe

Christophe Peeters

Christophe Peeters zei 2 jaar geleden:

Handig voor publieke sites, maar als je een intranet-site/applicatie maakt, kan je die best toch maar in je eigen project zetten. Niet iedereen heeft immers toegang tot het internet (jawel, die situatie bestaat wel degelijk!)
Rob Frederix

Rob Frederix zei 2 jaar geleden:

Ik heb er al veel over gelezen maar voorlopig als jonge ontwikkelaar de stap nog niet durven zetten om het te implementeren, zoals het hier wordt uitgelegd lijkt het me allemaal wel logisch en evident. Vraag me echter af of het zo eenvoudig wel is, zal het maar eens moeten uitproberen.
A. Gideonse

A. Gideonse zei 2 jaar geleden:

Ik heb hier ook wel eens naar gekeken, maar omdat wij websites ook wel eens 'offline' tonen aan klanten heb ik naar een andere oplossing gezocht. Een herschreven versie van Combine was bij ons de uitkomst (scheelde 25% op de totale laadtijd bij de meeste websites):

Reageer op dit artikel

Toegelaten tags: <a href="" title=""> <code> <em> <strong>

RSS Feed

Bekijk alle tags

Laatste reacties

  • Fabio Maggio: @Tom Claus: bedankt!
  • Tom Claus: @Filip Bedankt voor de tip, CouchDB gaan we zeker even mee bekijken. @Fabio Deze...
  • Fabio Maggio: Is die presentatie van Masterizing PHP Data Structure ook nog ergens te bekijken?
  • Tom Hermans: Thx Tom, schone samenvatting en een massa interessante links, ideaal voor mensen die die dag...
  • Filip Stas: Als MongoDb je al boeit zeker ook eens kijken naar couchbase ook zeker de moeite!