¿Es aconsejable colocar los archivos .css y .js en un CDN?

Question

Parece que la mayoría de las personas usa un CDN para colocar imágenes y/o videos. ¿Es aconsejable colocar tus js y css en un cdn también?

Answer 1

No creo que haya nada de malo en ello (especialmente para javascript si tiene varios sitios web que usan el mismo código de javascript).

Answer 2

Creo que sí. Sin embargo, si se generan dinámicamente, querrá colocar un ttl (tiempo de vida) relativamente bajo en los archivos para que la CDN sepa extraer copias recientes. Sin embargo, si no lo son, creo que ponerlos en el S3 de Amazon estaría bien.

Una advertencia: asegúrese de que tiene una manera fácil de probar y desarrollar sin utilizar el CDN, ya que la caché puede ser un dolor de cabeza durante este proceso.

[editar]
Después de algo más de experiencia, creo que es mejor versionar estos archivos y luego actualizar sus referencias con lo que sea que genere las vistas.

Por ejemplo:

style.20111112.css
shoppingcart.20111113.js

Esto borra la necesidad de disponer de muy bajo TTL y purgar el CDN de las copias en caché.

Answer 3

Si bien es una buena idea en principio, siempre tiene una copia de seguridad.

Con Javascript, si el CDN falla o el cliente no puede acceder a ese js por algún motivo, tener una copia local como copia de seguridad mantendrá su sitio flexible.

Por ejemplo, con jQuery, puede tener lo mejor de ambos mundos con este fragmento:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
if (typeof jQuery == 'undefined') 
    document.write(unescape("%3Cscript src='/scripts/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E")); 
</script> 

source and more info

Answer 4

Sí, pero ... antes de colocar el CSS y JS en un CDN

Fusiona cualquier archivo CSS por separado y minimízalos: el navegador no comenzará a procesar la página hasta que todos estén descargados.

Resuelva qué archivos JS necesita para descargar la página y cuáles se pueden descargar más tarde, luego coloque los que necesita en el encabezado y los otros al pie de la página o cárguelos de forma asincrónica (no olvide minify ellos también)

un CDN le da un par de victorias

1. latencia reducida
2. nombres de host adicionales para su descarga desde
3. Si se utiliza bien un dominio sin cookies para el contenido estático.

Hay algunos ejemplos del mundo real sobre el rendimiento de diferentes optimizaciones en esta presentación que estaba haciendo las rondas, el otro día - https://docs.google.com/present/view?id=0ASIJhpwrlBx6ZHA5emJmcF81MmM5Zzk3NmM0&authkey=COe29aAD&hl=en_GB (que no es mío)

Answer 5

La mayoría de las respuestas aquí están escritas de personas sin CDN experiencia.

Si utiliza Akamai u otro de los proveedores grandes de CDN, encontrará que las CDN visitan su sitio para el contenido (por lo tanto, no "respalda" sus datos), y luego almacena en caché los datos hasta invalidarlo .

Un CDN como Akamai hará una gran diferencia, a menos que tenga servidores perimetrales distribuidos por todo el mundo. Algunos de nuestros clientes en Alemania pasaron de 15 segundos de carga de la segunda página a menos de 3 segundos.

Sugiero leer la sección de beneficios de wikipedia para obtener más información.