Un modo per ottimizzare il nostro sito è quello di rendere il caricamento della pagina web il più veloce possibile. Per far ciò dobbiamo cercare di evitare di caricare file di grosse dimensioni (come le librerie JavaScript) o almeno di ridurne le richieste al server.
Un ‘trucco’ molto utilizzato negli ultimi tempi, è sfruttare i server CDN (content delivery network) di Google.
In questo modo
- non dobbiamo caricare nel nostro server le librerie.
- si utilizza il CDN di Google che è in grado di fornire i file più velocemente del nostro sito, perché utilizzerà il data center più vicino all’area geografica dell’utente
- si sfrutta al massimo la cache del browser dell’utente. Se un visitatore ha già visitato un sito che utilizzava questa tecnica, ha già le librerie caricate ed il browser non effettua un’altra chiamata al server.
Per caricarle basta conoscere l’indirizzo preciso della libreria, per esempio per jquery :
|
1 |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> |
Questa riga dice al server di google di preevare la libreria jquery (compressa) con versione 1.4.3 . Esiste anche la possibilità di caricare le librerie dinamicamente tramite la fuziopne google.load es :
|
1 |
google.load("jquery", "1.4.3"); |
ma per farlo dobbiamo prima caricare la libreria jsapi di google , facendo attenzione di inserire la nostra API KEY del sito (la trovi gratuitamente qui : Google Api Key)
|
1 |
<script type="text/javascript" src="<a class="linkification-ext" title="Linkification: http://www.google.com/jsapi?key=" href="http://www.google.com/jsapi?key=">http://www.google.com/jsapi?key=</a><em>INSERT-YOUR-KEY</em>"></script> |
Ecco la lista delle librerie javascript fornite al momento :
- jQuery : http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js
- jQueryUI : http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js
- Prototype : http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js
- script.aculo.us : http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js
- MooTools : http://ajax.googleapis.com/ajax/libs/mootools/1.2.5/mootools-yui-compressed.js
- Dojo : http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js
- SWFObject : http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js
- Yahoo User Interface (YUI) : http://ajax.googleapis.com/ajax/libs/yui/2.8.1/build/yuiloader/yuiloader-min.js
- Ext Core : http://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js
- Chrome Frame : http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js
- WebFont Loader : http://ajax.googleapis.com/ajax/libs/webfont/1.0.12/webfont.js
per maggiori informazioni visita la pagina ufficiale di Google Libraries API – Developer’s Guide
WordPress(0)
Facebook(0)