HeadJS es una libreria muy buena, que optimiza al máximo la carga de todos los javascripts de tu web, cargándolos de manera asisncrona de forma que se carguen mas rapido que de la forma habitual, o sea al final del html antes de la etiqueta </body>.
Un ejemplo práctico:
1. Lo que el usuario novato suele hacer…(al principio)
<!doctype html>
<html>
<head>
<meta charset=»utf-8″/>
<title>SCRIPT SRC in head</title>
<link rel=»stylesheet» href=»estilo.css»>
<script src=»http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js»></script>
</head>
<body>
<div id=»wrap»>
….contenido
fin contenido….
</div>
</body>
</html>
2. Lo que recomiendan en casi todos lados para optimizar la velocidad….(al final)
<!doctype html>
<html>
<head>
<meta charset=»utf-8″/>
<title>SCRIPT SRC at bottom</title>
<link rel=»stylesheet» href=»estilo.css»>
</head>
<body>
<div id=»wrap»>
….contenido
fin contenido….
</div>
<script src=»http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js»></script>
<script src=»http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js»></script>
</body>
</html>
3. Lo que yo hago y recomiendo…de verdad se nota el cambio (usar HeadjS)
<!doctype html>
<html>
<head>
<meta charset=»utf-8″/>
<title>SCRIPT SRC con headjs</title>
<link rel=»stylesheet» href=»estilo.css»>
<script src=»../js/head.min.js»></script>
head.js(«http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js»)
.js(«http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js»)
.js(«http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js»)
.js(«http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js»)
.js(«http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js»);
</head>
<body>
<div id=»wrap»>
….contenido
fin contenido….
</div>
</body>
</html>Solo debeis añadir el javascript de HeadjS y juego cargar con head.js(«una libreria») seguido de .js(«otra libreria») y finalizar con ;
Eso es todo probadlo y vereis los cambios…
Si no sabeis que descargar os dejo la versión 0.99 de la libreria y minimizada para descargar. Es esta http://db.tt/Tn08GgBl
Un saludo. nos veremos pronto.
He añadido una nueva sección en el menu que incluira algunos de los comics que poseo y que he convertido a PDF para compartir con vosotros. Estan en Español. Entre ellos ya tengo disponibles, el de Alice Madness Returns, Akira, y proximamente subiré los de Gears of War, Gods of War, Assassin’s Creed y algunos mas que he ido recopilando a lo largo de mi andadura por Internet. Algunos de los links estan pendientes…estoy actualizandolos…tened paciencia. Espero sean de vuestro agrado.
Para instalar Firefox 4.0 desde los repositorios oficiales nada mas fácil que introducir esto desde la consola lo siguiente…
CURSO DE REDES 