¡¡Compartenos!!

martes, 13 de noviembre de 2012

Herramientas/Buenas Practicas - Google CDN para usar librerias de javascript


Si usas jQuery y te preguntas que CDN te conviene más usar no dejes de darle un vistazo al siguiente artículo.


CDN es el acrónimo deContent Delivery Network, algo así como Red de Entrega de Contenido, es decir un servicio que, en el caso de jQuery, nos permite incluir las librerías de código del framework desde los servidores de un tercero.

jQuery no es el único que utiliza estos sistemas para distribuir sus paquetes de código, sino que este recurso es ampliamente utilizado por diversos frameworks y librerías del entorno web.

El uso de CDN es recomendable debido a razones como una mayor velocidad de entrega y una consecuente optimizacón de nuestros sites sin embargo, ya que diversas empresas ofrecen este servicio de forma gratuita, muchos nos preguntamos cuál es la que ofrece un mejor rendimiento. 

Esta cuestión cobra mayor importancia en el caso de tecnologías como jQuery ya que hablamos del uso de un recurso tan común en el mundo del desarrollo web como el framework javascript más usado en todo el mundo.
Libraries


Aqui algunos ejemplos de incrustar librerias varias desde el api de google:

To load a hosted library, copy and paste the HTML snippet for that library (shown below) in your web page. For instance, to load jQuery, embed the<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> snippet in your web page.
The following section lists all of the libraries currently hosted. We list the library name and all of the supported versions.
AngularJS
snippet: <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
site: http://angularjs.org
versions: 1.0.2, 1.0.1
Chrome Frame
snippet: <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
site: https://developers.google.com/chrome/chrome-frame/
versions: 1.0.3, 1.0.2, 1.0.1, 1.0.0
Dojo
snippet: <script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js"></script>
site: http://dojotoolkit.org/
versions: 1.8.1, 1.8.0, 1.7.4, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.3, 1.2.0, 1.1.1
Ext Core
snippet: <script src="//ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
site: http://www.sencha.com/products/extjs/
versions: 3.1.0, 3.0.0
jQuery
snippet: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
site: http://jquery.com/
versions: 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3
note: 1.2.5 and 1.2.4 are not hosted due to their short and unstable lives in the wild.
jQuery UI
snippet: <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
site: http://jquery.com/
versions: 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2
note: This library depends on jquery. You must also load jquery before loading this module. Version 1.8.3 is not hosted due to its short life, and the alias 1.8.3actually loads 1.8.4.
MooTools
snippet: <script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>
site: http://mootools.net/
versions: 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.5, 1.2.4, 1.2.3, 1.2.2, 1.2.1, 1.1.2, 1.1.1
Prototype
snippet: <script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
site: http://prototypejs.org/
versions: 1.7.1.0, 1.7.0.0, 1.6.1.0, 1.6.0.3, 1.6.0.2
script.aculo.us
snippet: <script src="//ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
site: http://script.aculo.us/
versions: 1.9.0, 1.8.3, 1.8.2, 1.8.1
note: This library depends on Prototype. Before loading this module, you must load Prototype.
SWFObject
snippet: <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
site: http://code.google.com/p/swfobject/
versions: 2.2, 2.1
WebFont Loader
snippet: <script src="//ajax.googleapis.com/ajax/libs/webfont/1.0.31/webfont.js"></script>
site: https://developers.google.com/webfonts/docs/webfont_loader
versions: 1.0.31, 1.0.30, 1.0.29, 1.0.28, 1.0.27, 1.0.26, 1.0.25, 1.0.24, 1.0.23, 1.0.22, 1.0.21, 1.0.19, 1.0.18, 1.0.17, 1.0.16, 1.0.15, 1.0.14, 1.0.13, 1.0.12, 1.0.11, 1.0.10, 1.0.9, 1.0.6, 1.0.5, 1.0.4, 1.0.3, 1.0.2, 1.0.1, 1.0.0

No hay comentarios:

Publicar un comentario