tablas - obtener datos de una tabla html javascript

jQuery/JavaScript-¿problema de rendimiento cuando tienes muchos pequeños archivos.js?

Question

tengo un sitio con una gran cantidad de archivos .js referenciados; esos son archivos bastante pequeños, pero quiero mantener mis métodos separados por tema / funcionalidad.

¿Es mejor mantener todos los métodos en un solo archivo .js o no es un problema tener muchos (~ 20 - 30) archivos pequeños que incluyen solo algunas líneas?

Answer 1

¿Alguien tiene una secuencia de comandos nant inteligente que puede hacer esto por usted? Escribí una tarea nant personalizada que usa el compresor YUI para minimizar mi css y js, pero sería útil agregarle combinación. ¿Cómo manejan esto?

Answer 2

En realidad, es una mala idea tener tantos archivos referenciados. La idea básica para los problemas de rendimiento es intentar minimizar las Solicitudes HTTP tanto como sea posible (al menos en su servidor de producción). Eche un vistazo a este http://developer.yahoo.com/performance/rules.html#num_http

Answer 3

No sé qué framework (si hay alguno) usas en el servidor, pero Ruby on Rails tiene un script que incluye una función que dependiendo de la configuración (por ejemplo, prueba o producción) puede crear muchas etiquetas de script (típicamente modo de prueba) o crear una etiqueta con todas las secuencias de comandos concatenadas en un archivo (opcionalmente comprimido con algunos complementos). Estoy seguro de que muchos otros frameworks soportan algo como esto también.

ACTUALIZACIÓN: Acabo de recordar: también puede comprimir manualmente (quitando espacio en blanco y comentarios, acortando nombres de variables, etc.) y combinar archivos JavaScript y CSS con Yahoo! Biblioteca de UI: Compresor YUI . Solo asegúrese de que su JavaScript sea correcto antes de comprimirlo, pruebe con JSLint .

Answer 4

Por supuesto, manténgalos separados para el desarrollo, pero debería considerar agruparlos en un solo archivo para producción.

Hay una buena discusión en sitepoint.com

Para cada uno de estos archivos, se envía una solicitud HTTP al servidor, y luego el navegador espera una respuesta antes de solicitar el siguiente archivo. Los límites (o limitaciones) del navegador generalmente evitan las descargas paralelas. Esto significa que para cada archivo, espera a que la solicitud llegue al servidor, el servidor para procesar la solicitud y la respuesta (incluido el contenido del archivo) para comunicarse con usted. Puesto de extremo a extremo, algunos de estos pueden hacer una gran diferencia en los tiempos de carga de la página.