Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Tag Archives comprimir

Comprimir imágenes PNG con OptiPNG

Sea cual sea vuestra motivación o necesidad, es muy posible que os hayáis encontrado con este caso: comprimir y optimizar imágenes en formato PNG de una manera rápida y sencilla.

La aplicación que os propongo para llevar a cabo esta tarea es OptiPNG. Para instalarla desde Debian y derivados (Ubuntu) bastará con abrir un terminal:

ahornero@6581-D:~$ apt-get install optipng

Bien, bastará con eso para instalarlo. Para usarlo, lo primero hago un backup de mi imagen antes de procesarla, de esta forma conservaré el original

ahornero@6581-D:~$ cp prueba.{png,bak.png}

Y ahora sí,

Activar compresión GZIP en servidores Apache para aumentar la velocidad de nuestros sitios web

Logo servidor web ApacheA día de hoy, prácticamente todos nuestros potenciales usuarios soportarán a través de sus navegadores páginas web servidas de forma comprimida. ¿Por qué es importante comprimir el código HTML resultante que enviamos? Para mejorar el rendimiento del sitio.

Ya hemos comentado otros métodos que tenemos a nuestro alcance para optimizar la velocidad de nuestro sitio como el uso de Minify, en concreto hablamos en el caso particular de WordPress y su plugin WP-Minify.

Hoy os traemos una optimización de la parte del servidor.

Reducir el whitespace en Google Reader. “Display Density: Compact” mediante script

Desde el pasado 1 noviembre, fecha en que Google renovó algunos de sus productos, Gmail y Google Reader entre otros, muchos de los usuarios se han quejado del nuevo aspecto y la cantidad de espacio que queda en blanco entre elementos.

En Gmail, ya vimos que la solución es sencilla, ya que bastaba con cambiar el Display Density de Conformable a Compact. Ahora en el caso de Google Reader, cuya interfaz actual detesto, no existe opción directa para eliminar esos espacios en blanco.

Combina y comprime todos los ficheros CSS y JS para optimizar WordPress con WP Minify

Cada vez que accedemos a una web, independientemente del CMS que usemos (como si no usamos ninguno), el navegador empieza la descarga del sitio en HTML y todo lo que trae consigo (principalmente imágenes, hojas de estilo y ficheros de script del lado del cliente como JavaScript) mediante protocolo HTTP.

¿Qué problema tiene HTTP? Para cada petición de este tipo, abre y cierra la conexión. ¿Eso qué conlleva? Un aumento del tiempo de transferencia.

Como se puede observar, el problema en parte es abordable ya que aunque no podemos (por ahora) reunir todas las imágenes en una sola transmisión,

Comprimir y optimizar código CSS

Cada vez que accedemos a un sitio web nos descargamos, entre otras cosas, sus hojas de estilos. Aunque para trabajar con ellas lo ideal es tenerlas bien estructuradas y comentadas, al navegador le da igual interpretar una hoja de estilos bien espaciada y comentada, que su equivalente comprimido.

Es decir, si usamos el fuente CSS sobre el que trabajamos como fichero de producción estamos cometiendo un fallo: estamos transmitiendo información de forma innecesaria en muchas ocasiones (nosotros mismos lo hacemos ahora mismo en Linux Hispano). Es algo similar a lo que ocurre con jQuery y sus dos versiones:

Como podéis apreciar la diferencia es ostensible.