Optimizar la carga web – Optimizar javascript – Javascript Compressor

Ayer leí un post en skamasle sobre la optimización de WordPress, en el se hablaba un poco por encima de la compresión de Javascript para reducir el tiempo de carga.

Así que vamos a ampliar un poco más el concepto…
De momento vamos a tomar un archivo javascript que sea un poco grande…. no se imaginan lo que me costó encontrar un .js en skamasle que no estuviese comprimido :P

Así que tomé uno del foro que más o menos da el tamaño. Empezaremos con un archivo javascript de 48kb.
No es un archivo enorme pero nos valdrá para demostrar la utilidad de comprimir los archivos javascript.

En la red hay montones de compresores, yo les voy a traer tres que en mi opinión vale la pena probar.

Packer de Dean Edwards

El primero es mi favorito y es el Packer de Dean Edwards, puede que se lo hayan encontrado en algún javascript, son muy reconocidos porque empiezan así:

eval(function(p,a,c,k,e,d)

Bien, con la compresión packer pasamos de los 48kb originales a 24kb el 50% de optimización.
Lo que mas me gusta de packer es que permite una fácil conversión a un archivo legible… cosa que otros no hacen.

Lo pueden usar de forma online en este enlace.

Comprimir javascript con Minfy

El siguiente es Minfy, un compresor de javascript bastante bueno, pero que en mi opinión podría mejorar la optimización de los saltos de lineas.
Pasamos del peso original de 48kb a 35.7kb nos da una optimización del 10,7%.
Bastante mal en mi opinión, aunque, algo es algo.

Minfy está disponible de forma online en la misma página web que packer.

Javascript Compressor Online

Este compresor también parece ser de Dean Edwards aunque aparte de Javascript compressor no hace referencia a que tenga otro nombre…
La web parece apuntar a que se trata de la versión 3 de packer pero para mi los resultados son mucho peores que el comentado anteriormente.

Este compresor comprime mejor que Minfy pero sigue sin superar a packer… de los 48kb originales obtenemos un resultado final de 34.9kb lo que nos da una optimización del 12.75%

Conclusión

La conclusión final es clara, packer produce una optimización superior a cualquiera de las otras tres opciones y nos permite recuperar el código comprimido de una forma sencilla aplicando la función inversa.

En otra ocasión comentaremos la compresión de hojas de estilo en cascad o CSS.


Así nos han encontrado!

  • optimizar js
  • optimizar javascript
  • optimizar carga web
  • comprimir javascript online

2 Responses to Optimizar la carga web – Optimizar javascript – Javascript Compressor

  1. leotec dice:

    una vez le doy a optimizar en el programa de packer, luego que debo hacer? lo guardo de alguna forma? estoy algo perdido en este tema, a ver si pudieras echarme una manita, gracias

  2. Nax dice:

    hola leotec.

    una vez optimizado lo guardas en un .js y lo incluyes en tu página web y ya está listo para usarse ;)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">