El HEAD es el peor lugar para cargar scripts. En varios escenarios, pone la carga de la página muy lenta.
La mejor práctica—hoy día—es mover la carga al final de la página; pero aquí se compromete cualquier utilización de HTML5y CSS3.
Una buena opción que remedia todos los males es utilizar Head JS:
head.js("/path/to/jquery.js", "/google/analytics.js", "/js/site.js", function() {
// all done
});
El uso y concepto este script radica en un concepto simple: lee los scripts en paralelo, pero los ejecuta en orden. Además, Head JS permite además (mediante el uso de CLASSes):
- organiza la carga de Javascript
- habilitar HTML5
- detectar el ancho de pantalla
- CSS dinámico
- rutear el CSS
- detectar el tipo de navegador
- deetctar la carga de determiando script