jQuery » WordPress » Tecnologia » Sviluppo » Javascript » Internet » Ajax

Google AJAX Library API: una svolta per gli sviluppatori

giovedì 29 maggio, 2008

AJAX Libraries API Google, in quest’ultimo periodo, 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’istanza dell’oggetto google:

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

Ora abbiamo l’oggetto google disponibile:

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:

1
2
3
1.9.1
1.8.4
1.8.2

Specificando ad esempio:

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

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

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

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

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ù performante!

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 saidmade.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

Questo articolo ti è stato utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags: , , , , , , , ,

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

  1. 01 giu, 2008 Tom @ IWriteAboutIT:

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

    Rispondi Quota
  2. 02 lug, 2008 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:

    [...] 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. 03 ott, 2008 Wordpress: come scrivere un reply to comment usando jQuery | Undolog.com:

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

  4. 09 ott, 2008 Francesco Gavello:

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

    A rileggerci!

    Rispondi Quota
  5. 06 ott, 2009 Giulidda, guadadno per principianti.:

    Ciao, grazie per buona guida! Lo provo anche io.

    Rispondi Quota

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre>                                  // blocco generico
<code></code>                                // blocco generico
[cc_actionscript][/cc_actionscript]          // Actionscript
[cc_actionscript3][/cc_actionscript3]        // Actionscript 3
[cc_css][/cc_css]                            // CSS Style Sheet
[cc_html][/cc_html]                          // HTML
[cc_js][/cc_js]                              // Javascript
[cc_objc][/cc_objc]                          // Objective-C
[cc_php][/cc_objc]                           // PHP
[cc_sql][/cc_sql]                            // SQL