Recursos web, diseño, joomla!, tutoriales, opinión, algunas noticias...

Suscríbete a través del feed RSS

Mejora drásticamente la carga de tu sitio con Minify
Domingo, 09 de Noviembre de 2008 20:02
Mejora drásticamente la carga de tu sitio con MinifyA menudo sucede que a medida que estamos creando un sitio, vamos incorporando unos estilos por aquí, un framework javascript por este otro lado, algún que otro plugin de ese framework por allá (que ademas viene con su propio CSS) y al final nos damos cuenta que:

  • El header de nuestro sitio termina siendo una infinidad de llamados a estilos en cascadas y javascripts;
  • La web termina tardando un tiempillo considerable en cargar

Para darnos una ayuda en este sentido, podemos contar con Minify, un script PHP que realiza tres trabajos principales:

  • Nos ayuda a reducir el numero de peticiones al servidor combinando varios CSS / JS en uno solo;
  • Minimiza el código de los archivos, eliminando espacios vacíos, saltos de líneas y comentarios;
  • Cachea en el servidor los archivos creados

Para utilizarlos, tan solo debemos descargar el paquete, mover la carpeta "min" a la raíz de nuestro sitio y dirigirse a http://www.nuestrositio.com/min/
Allí vamos creando la lista con los archivos que queremos procesar:

Interface de Minify


Una vez listo le damos Update, y ya tendremos los archivos comprimidos y combinados, listos para ser utilizados:

Archivos listos para ser incorporados


Otras opciones que otorga son las de crear grupos predefinidos de archivos y un bookmark para facilitar el trabajo al añadir archivos para procesar.

Optimizar el código y reducir el numero de peticiones son dos puntos que podemos tomar en cuenta en el momento de optimizar un sitio, para abordar más en el tema recomiendo el excelente artículo de Yahoo! Developer Network con 34 reglas para mejorar la velocidad de un sitio web.


Minify

 
 

¿Te ayudó este artículo?Puedes suscribirte al feed RSS ó dejar tu email para recibir las últimas noticias, tal como lo hacen actualmente las 2490 personas que siguen al blog

Comentarios (3)
Domingo, 09 de Noviembre de 2008 22:56
Muy interesante, aunque yo tengo la duda si es mejor este sistema o el que permite hacer lo mismo pero \\\"al vuelo\\\", o sea que hace estos calculos a la hora de mostrar la web y no hay que precalcular todo cada vez que modificamos los CSS/JS.

Supongo que lo que se gana en comodidad se pierde en velocidad.
Lunes, 10 de Noviembre de 2008 03:09
@josepzin: Son sistemas similares (si no recuerdo mal existe otro script que se llama PHP Speedy que realiza lo mismo),la diferencia es justamente la que dices: Minify te permite elegir que archivos con anticipación. Pueden existir casos en que uno no quiere comprimir ciertos archivos pero si otros. Igualmente este setup inicial es una sola vez y te toma 1 minuto como mucho realizarlo.
Saludos
3
Sábado, 22 de Noviembre de 2008 05:04
Una muy buena aplicacion! No pense que existian este tipo de utilidades!

Agrega un comentario

  • Por favor, manten el tópico de los mensajes en relevancia con el tema del artículo.
  • Comentarios con lenguaje inapropiado seran borrados
Nombre:
E-mail:
Sitio web:
Comentario:

Puedes suscribirte al blog de dos formas

Ingresando tu e-mail:

Utilizando el canal RSS: