en Javascript, jQuery, Performance

Acelera la carga de jQuery en tu site utilizando un CDN

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 .

Tambien hay  CDN’s de pago. Algunos puede que te suenen como EdgecastAkamai 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://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Y para cargarlo desde el CDN de Microsoft pondriamos esto:

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.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

Comparativa CDN gratuito

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

Post Anterior
Post Siguiente

Política de Comentarios de pixelovers

Responsable » Juan Manuel Garrido
Finalidad » Moderación de los comentarios
Legitimación » Tu consentimiento expreso que te será requerido por Disqus.
Destinatarios » Los datos de tus comentarios los guardará Disqus, mi sistema de comentarios, que está acogido al acuerdo de seguridad EU-US Privacy Shield tal y como recoge su politica de privacidad
Derechos » Desde Disqus, por tanto, podrás acceder, rectificar, limitar y suprimir tus comentarios o tu cuenta
Tienes más detalles acerca del tratamiento de los datos relacionados con los comentarios en nuestra (Política de Privacidad)

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