Las mejores prácticas para optimizar la carga de JavaScript

He leído algunos artículos en línea sobre cómo optimizar la carga de javascript. Algunos puntos clave que obtuve es minimizar el número de archivos de script (solicitudes http), minimizar y habilitar gzip en el servidor. Actualmente, lo que se hace por mi parte es que todos los archivos javascript están minimizados, y gzip también puede habilitarse simplemente.

Parte 1)

Mi problema es que tengo alrededor de 20 archivos javascript, hay un common.js que tiene todas las funciones principales. Además de eso, cada página cargaría al menos otro archivo que implementa la funcionalidad de esa página.

La solución 1 es combinar todos los scripts en un archivo de script grande y cargarlos una vez para cada cliente, lo que parece ser lo que todos los demás están haciendo. ¿Supongo que YUI o JSMin pueden usarse para comprimir, por lo que debería combinar los archivos manualmente?

Solución 2, carga lenta cuando se necesita una función requerida, no sé cómo funciona esto, pero parece ser una forma de hacerlo, aunque aún requiere más solicitudes http. Me encantaría escuchar cualquier entrada para esto.

Parte 2)

La aplicación web en la que estoy trabajando se implementará en muchas otras computadoras, ya que los javascripts son bastante pequeños, ¿es una buena práctica hacer un script que cargue dinámicamente el script más nuevo desde un servidor central, de modo que cada cliente ejecutará el script más nuevo? ?

Respuestas a la pregunta(3)

Su respuesta a la pregunta