Google AJAX Library API: una svolta per gli sviluppatori

Giovedì 29 Maggio, 2008

AJAX Libraries API Google, in quest'ultimo perdiodo, ha rilasciato una moltitudine di strumenti dedicati agli sviluppatori, aggiornando di continuo i propri rilasci. Adesso stringe un accordo con i più diffusi framework AJAX, e non solo, per centralizzare la distribuzione delle librerie jQuery, prototype, script.aculo.us, MooTools e dojo!

In pratica è possibile accedere a queste librerie sfruttando le infrastrutture e la rete Google, con notevoli vantaggi in termini di velocità e sicurezza.

La velocità, nel caricamento, è garantita dalla stessa rete Google che, oltre a fornire di per se una struttura di server distribuita, permette (di default) il caricamento compresso (gzip/minify) delle librerie. Gli hosting Google più vicini alla richiesta saranno utilizzati per inviare il codice e, in caso di non raggiungimento o down temporaneo, la rete Google garantirà comunque l'invio del codice Javascript!

Come utilizzare Google AJAX Library API

Possiamo scegliere due modalità per caricare una libreria: sfruttando google.load() o il consueto <script>! Se ad esempio abbiamo un'applicazione che già usa qualche altra Google API (mappe, ricerca, traduzioni, etc...) possiamo sfruttare l'instanza dell'oggetto google:

HTML:
  1. <!-- prima di tutto si carica l'ambiente -->
  2. <script src="http://www.google.com/jsapi"></script>

Ora abbiamo l'oggetto google disponibile:

JavaScript:
  1. google.load("prototype", "1.6");

Si noti la presenza della versione! Google AJAX Library API, infatti, svolge anche una funzione di repository delle precedenti - stabili - release. Ma non è tutto! Il versioning è intelligente. Se una libreria è disponibile nelle seguenti release:

CODE:
  1. 1.9.1
  2. 1.8.4
  3. 1.8.2

Specificando ad esempio:

JavaScript:
  1. google.load("prototype", "1.8");

Verrà caricata la release 1.8.4, ovvero l'ultima di quella revision. Analogamente specificando:

JavaScript:
  1. google.load("prototype", "1");

Verrà caricata la release 1.9.1! Fantastico!
In alternativa è possibile usare la seguente sintassi:

HTML:
  1. <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>

Anche in questo caso è possibile specificare la versione!

Google stessa, tuttavia, sottolinea che il primo metodo, quello che usa google.load() è il più performate!

Provare per credere: e i risultati si vedono

Come sempre, ho provato immediatamente questa novità e ne ho apprezzato subito le prestazioni. Ho introdotto le Google AJAX Library API su Divoogle.com ed e-lementi.com! Su quest'ultimo ho avuto un guadagno nel caricamento pari al 30% - test effettuato con PingDom! Ho anche provato le due diverse modalità di caricamento e, effettivamente, l'uso di google.load() è notevolmente migliore!
Appena possibile eseguirò dei test anche qui su undolog.com :P

Post correlati

4 commenti a: “Google AJAX Library API: una svolta per gli sviluppatori”

  1. Domenica 01 Giugno, 2008 alle 16:16
    Tom @ IWriteAboutIT ha detto:

    Complimenti l’articolo, ho appena vi ho appena aggiunto ai miei RSS,
    a presto Tom

  2. Mercoledì 02 Luglio, 2008 alle 11:51
    Levysoft » Come risparmiare banda: ridurre le email dei commenti e i backup via FTP, usare le AJAX Library API di Google con il plugin per Wordpress e disattivare Google Translator che non porta traffico utile ad Adsense ha detto:

    [...] e permette di specificare quella desiderata. Il versioning è, però, anche intelligente. Infatti, se si specifica una versione parziale della libreria (p.es 1.8), Google ci farà scaricare [...]

  3. Venerdì 03 Ottobre, 2008 alle 14:00
    Wordpress: come scrivere un reply to comment usando jQuery | Undolog.com ha detto:

    [...] I due script includono jQuery tramite il servizio Google spiegato in Google AJAX Library API: una svolta per gli sviluppatori [...]

  4. Giovedì 09 Ottobre, 2008 alle 11:46
    Francesco Gavello ha detto:

    Trovo questo blog sempre più utile :)
    Questa tecnica poi non la conoscevo ed è veramente una manna dal cielo!

    A rileggerci!

Lascia un commento

Puoi utilizzare i seguenti TAG XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>