link - ¿Es mejor combinar y minimizar javascript o usar Google CDN?

jquery link href

Question

Estoy construyendo un sitio que actualmente usa javascript de varias fuentes:

Grupo 1: API de Google Maps v3 (alojado por Google)
Grupo 2: jQuery & swfobject (alojado en Google CDN)
Grupo 3: varios complementos de jQuery y archivos javascript que no son de jQuery (alojados en mi servidor)

Estoy utilizando la herramienta SquishIt Justin Etheredge para combinar y minimizar todos los archivos javascript que están alojados en mi servidor (grupo 3).

Me pregunto si el sitio se "sentirá" más rápido para los usuarios si tuviera que alojar los archivos en (grupo 2) localmente, de modo que puedan combinarse con todos los demás archivos en (grupo 3) y requiera solo una solicitud HTTP para grupos 2 y 3. Sin embargo, esto significaría que no obtengo los beneficios de la CDN de Google .

¿Alguien tiene algún consejo sobre este asunto?

EDITAR: Además, ¿cómo puedo llegar a una respuesta basada en números para esta pregunta? ¿Es eso posible?

Answer 1

Creo que depende de la probabilidad de que sus usuarios ya tengan el archivo cdn de google almacenado en caché luego de visitar otro sitio que usa el mismo recurso.

Mi opinión es que es mejor usar CDN, ya que está minificado y de alguna manera es probable que no sea necesario descargar el archivo. Combina y minimiza todo lo demás.

Me interesaría saber la proporción de aciertos y fallos de la memoria caché global para esos archivos de la biblioteca de Google CDN.

Answer 2

Estoy combinando, minimizando ( usando el cierre ) y usando (akamai) CDN. Pero los consejos más importantes para el rendimiento web son:

1. utilizar nunca caducar caché

2. carga asíncrona: puede usar este script para cargar sus archivos js externos

   (function() {
     setTimeout(function(){
       var sc = document.createElement(''script''); sc.type = ''text/javascript''; sc.async = true;
       sc.src = ''youfile'';
      (document.getElementsByTagName(''head'')[0] || document.getElementsByTagName(''body'')[0]).appendChild(sc);
     },0);
   })();

Answer 3

Probablemente no hará mucha diferencia.

Los archivos javascript son pequeños y estáticos, y se almacenarán en caché por los navegadores de los usuarios. Al utilizar la copia almacenada en el CDN de Google, es posible que sus usuarios ni siquiera tengan que descargar el script la primera vez que visitan su sitio.

Sin embargo, al utilizar la copia de Google, también se introduce una dependencia de Google. Si sus servidores se caen (lo cual probablemente no lo harán, al menos no en un futuro próximo), es posible que su sitio no funcione correctamente.

Answer 4

Usar un CDN y combinar / minimizar sirven para diferentes propósitos. Si puedes usar ambos.

1. Combinación de archivos Javascript: reduce el número de solicitudes http de una página
2. Reducción de archivos Javacsript - reduce el tamaño del archivo
3. Usando un Cdn - mejora la latencia.

Si puedes encontrar una manera de usar ambos, es genial

Aunque la combinación de archivos de Javascript puede convertirse en un asunto más complejo, en lugar de simplemente minimizarlos.

Puede usar otros CDN si lo desea (Amazon CloudFront)