Anónimo
Acelera la carga de jQuery en tu site utilizando un CDN
por Juanma Garrido
Si utilizas jQuery, es una buena idea que cargues la librería desde un CDN (Content Delivery Network).
Pero, ¿qué es un CDN?
Es el nombre que recibe un grupo de servidores repartidos por todo el mundo en puntos estratégicos y pensados para la distribución de ficheros.
Hay varios CDN’s gratuitos, entre ellos el de Google, el de Microsoft y el de Edgecast.
Tambien hay CDN's de pago. Algunos puede que te suenen como Akamai o Amazon CloudFront
¿Cómo funciona un CDN?
La idea es que en vez de cargar las librerias desde tu servidor de hosting, las cargues directamente desde el CDN. De este modo cuando se haga la petición se cargará la librería (o librerias solicitadas) desde el nodo mas cercano al cliente con lo que se cargará más rapido.
¿Cómo lo utilizo en mi site?
Para cargar jQuery desde el CDN de Google, pondriamos en el HEADER de nuestro HTML lo siguiente:
<script src="http://www.google.com/jsapi">
<script type="text/javascript">
google.load("jquery", "1.3.2");
</script>
Y para cargarlo desde el CDN de Microsoft pondriamos esto:
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript">
</script>
¿Qué ventajas tiene usar un CDN?
Usar CDN tiene varias ventajas:
- Liberas a tu servidor de la carga de estos archivos
- Incrementas las posibilidades de que el fichero esté cacheado, ya que otros sitios que usen tu CDN enlazaran al mismo fichero
- Un CDN muy probablemente servirá el fichero más rapido que desde tu propio servidor de hosting
¿Qué CDN gratuito me conviene utilizar?
Pues en Pingdom.com han hecho una comparativa de rendimiento entre los de Google, Microsoft y Edgecast, y han llegado a unas interesantes conclusiones:
- El CDN de Google es el más lento de los 3 en America del Norte y en Europa
- En Europa el CDN de Microsoft es el más rapido
- En América del Norte, el CDN de Edgecast es el más rapido
- El CDN de Edgecast gana en terminos de rendimiento medio
Un último factor a considerar es que el CDN más usado es con el que tendras más posibilidades de tener tu archivo cacheado, pero por ahora no hay datos de cual es el CDN más utilizado.
¿Y tu? ¿Qué opinas del uso del CDN? ¿Lo utilizas? ¿Cuál utilizas? ¿Alguno gratuito que no hayamos nombrado aquí?
Enlaces y más
- ¿Te gustó el post? »
- Vótalo (23)
- Añádelo a tus favoritos
Comentarios sobre Acelera la carga de jQuery en tu site utilizando un CDN
SimpleCDN, barato y bueno
Amazon S3 + cloudfront el mejor
Akamai mas caro pero el mejor tambien.
Sin llegar al punto de contratar un CDN o albergar los ficheros en uno gratuito, muchas veces resulta interesante montar una máquina dedicada sólo a servir estáticos (imágenes, flash, css, js) con una configuración de apache mínima o lighthttpd.
Simplemente desviando el tráfico estático y liberando el servidor que sirve los dinámicos (PHP, RoR, Python, ASP...) el rendimiento ya es mucho mayor.
En cuanto a S3 resulta algo caro pero sin duda es muy muy práctico si deseas almacenar avatares e imágenes de los usuarios.
http://www.webintenta.com/Carga-jQuery-desde-el-CDN-de-Google-y-si-algo-falla-recurre-a-tu-version.html
Añado un enlace a un post de Intenta donde explican como cargar jQuery en local si falla la carga desde el CDN