2010-12-20 14 views
7

Tengo dificultades para decidir qué enfoque es mejor en términos de rendimiento del sitio.Cargando Javascript: Solicitudes HTTP -v- Carga asincrónica

Tener todos los complementos necesarios de jQuery en un archivo para incluirlos en cada página del sitio O dividir los complementos en archivos individuales y usar el método jQuery.getScript() para cargarlos cuando sea necesario.

¿Hay algún beneficio real al cargar los scripts de forma asíncrona en una solicitud http?

Todo mi Javascript será minified y gzipped.

Gracias!

+0

Usted también podría estar interesado en LabJS - http://labjs.com –

+0

La única manera de saber con seguro es probar ambos y ** medir los resultados ** para su caso específico. – Day

+0

Obtengo los beneficios de cargar solo un archivo js (con marcos cargados a través de CDN), que funciona en los navegadores de escritorio. Pero mi preocupación es que cada vez más, se accede a los sitios a través de dispositivos móviles que tienen cachés muy pequeños (iPhone tiene 25k) lo que significa que siempre tendrán que cargar ese archivo js. ¿Podría funcionar la creación de un manifiesto de almacenamiento sin conexión, para aquellos que admiten teléfonos móviles? – mindwire22

Respuesta

0

Una solicitud será mejor para el rendimiento. Período. El único inconveniente es que, cada vez que uno de los archivos cambia, todo cambia (y tendrá que volver a descargarse). Los complementos no cambiarán mucho, así que pondría todo (tanto como sea posible) en 1 archivo.

Ponga el núcleo de jQuery en ese archivo también. Y tus javascripts personalizados también. Solo asegúrese de que esté en el orden correcto :)

+3

No necesariamente cierto; si se utiliza el almacenamiento en caché a largo plazo (para que no se envíe ninguna solicitud HTTP) no hay penalización de rendimiento y puede haber ganancias de rendimiento (solo procesa los scripts necesarios, además la página se carga más rápido ya que los scripts solo se descargan una vez que se procesa). –

0

Pruebe el complemento YSlow para Firefox y pruebe sus diferentes configuraciones.

Dicho esto, minimizar su js a un archivo sería una manera fácil con grandes resultados. Obtendrá un archivo, y a menudo es mucho más pequeño que la suma de las partes.

Cuestiones relacionadas