¿Dónde debería cargar mejor la biblioteca y el marco de Javascript?

Depende de la experiencia del usuario que desee brindar a través de su sitio web.

Si desea que el sitio web se muestre solo cuando se cargan todas las bibliotecas, vaya a la etiqueta . Pero tenga en cuenta que las bibliotecas a menudo tardan bastante en cargarse en conexiones lentas a Internet y proporcionarán una experiencia de usuario negativa.

Por otro lado, si carga las bibliotecas justo antes de la etiqueta del cuerpo final, el marco se cargará después de que el cuerpo se haya mostrado al usuario. En este caso, si su cuerpo depende completamente del marco. El usuario puede ver un montón de texto aleatorio o código no estructurado. Esto también proporciona una experiencia de usuario negativa.

Ahora, la mayoría de los marcos funcionan con el método onload (), por lo que no importa dónde los coloque, ya que funcionarán de cualquier manera.

Recomiendo colocar los marcos antes de finalizar la etiqueta del cuerpo y mostrar una pantalla de carga al usuario hasta que el marco haya hecho su trabajo.

Es mejor agregar bibliotecas antes de la etiqueta del cuerpo. No es necesario pero es una buena práctica. Si usa jQuery, puede envolver su código dentro de una función lista para documentos o si usa JavaScript puro, puede usar la función window.onload.

Frameworks en estos días viene con cli. Puede crear un proyecto usando cli que crea una estructura de proyecto. Luego puede usar Bower para agregar bibliotecas adicionales.

Hay muchas maneras de hacer esto en estos días. Busca trago, gruñido, paquete web. Que empaqueta todos sus archivos javascript en un solo archivo. Busque commonjs, requirejs debería ayudarlo a comenzar.