Cargar Javascript sin bloquear

Es sabido que el tag <script> es bloqueante y frena el browser hasta que descarga, compila y ejecuta su contenido, por ende es altamente recomendable poner todos los scripts al final de la pagina para no demorar el rendering de la misma.  Adicionalmente, hay algunas técnicas para cargar de manera asincronica (no bloqueante).

De todos los scripts que he probado y utilizado, el que mejor resultado da en todos los browsers es una suma de los estudios de steve souders y un setTimeout que encontre en la home de google, que es muy importante para IE6.

<script>
setTimeout( function(){
var _s = document.createElement('script');
_s.src ='script_and_style.js';
(document.getElementsByTagName ('head')[0]
|| document.documentElement).appendChild(_s);
},0);
</script>

Lo mas importante que vi usando esta técnica es que la mejor posición para llamar al script no es el final de la pagina, sino un poco antes para paralelizar la carga del js con el rendering de la página