Para mi, script.aculo.us, es quizas una de las más completas librerías de efectos aunque como he comentado un millón de veces el tamaño es muy exagerado para el uso que le vamos a dar. Osea que estamos cargando demasiado la web para usar 1, 2 o 3 efectos.
Para corregir esto hemos usado otras librerías que nos permiten realizar los mismos efectos en menos espacio. Pero si apesar de todo estamos emperrados en usarlo podremos comprimirlo y dejarlo en un peso más o menos normal (18kb).
¿Como lo hago?
- El fichero scriptaculous.js simplemente se encarga de cargar los demás ficheros que componen la librería, y conociendo el orden:
<script type="text/javascript" src="protype.js" ></script> <script type="text/javascript" src="builder.js" ></script> <script type="text/javascript" src="effects.js" ></script> <script type="text/javascript" src="dragdrop.js" ></script><script type="text/javascript" src="controls.js" ></script><script type="text/javascript" src="slider.js" ></script>
Sabiendo esto ya podemos ahorrarnos un fichero, quizas sean muchos ficheros javascript, pero … veamos como reducir el número 😀
- Buscamos en el fichero prototype.js (versión 1.50 RC2).
HTMLElement.prototype = document.createElement('div').__proto__;Y lo reemplazamos por lo siguiente.
eval('HTMLElement.prototype=document.createElement("div").__proto__;');- Combinamos todos lo ficheros en uno. Si usas linux puedes hacerlo con el comando cat y si usas windows puedes ir añadiéndolos todos mediante un copy&paste.
- Compactamos el fichero resultante con jscompact (para linux), y para windows podemos hacerlo de otras formas 😀
- Nos dirigimos a Dean Edwar’s online javascript packagin utility y los usamos para volver a compactar el código.
Asi abremos reducido el tamaño de nuestro script.aculo.us de forma considerable.
5 comentarios, 4 referencias
+
#