Compresión de ficheros web

Algunas librerías (como lightbox) requieren de jQuery u otros complementos. Esto, como hemos ido viendo en la sesión, hace muy pesada la página (requiere de descargarse por parte del cliente scripts de varios cientos de Kilobytes). Podemos usar librerías mas livianas como iBox o generar la nuestras (partiendo de códigos de terceros y recortándolos), en ambos casos estamos limitando el potencial de nuestra web, ya sea restringiendo posibilidades (solo usando scripts poco pesados) o gastando tiempo en escribir nuestro propio código.

Una tercera vía es la compresión de ficheros. Si nos fijamos todos los ficheros que usamos en la programación de cliente (HTML, CSS y Javascript) son códigos sin compilar, escritos directamente en texto plano. Este tipo de fichero permite una compresión muy alta (entorno al 60% - 80%). Una forma de conseguir comprimir todos estos ficheros es mediante el uso del modulo de Apache deflate. Para ello deberíamos instalar dicho modulo en nuestro servidor web. En este curso no se va a profundizar en este solución ya que se trata de un trabajo más relacionado con la administración de sistemas que el desarrollo web. Podéis encontrar información sobre la instalación y uso en la web de apache referida al modulo “deflate”: http://httpd.apache.org/docs/2.0/mod/mod_deflate.html.

Por otro lado podamos hacer uso de otras dos soluciones más cercanas a los programadores. Una es buscar la versiones ya comprimidas de los scripts que usemos. Frameworks como jQuery suelen dejar dos versiones, una completa con un código claro y modificable para desarrolladores y otro comprimida para utilizar cuando ya hemos publicado la web. Estas dos versiones se suelen nombrar como “dev” en el caso de la versión de desarrollo y “compressed” cuando es la comprimida. La última opción es utilizar compresores externos, un ejemplo lo tenemos en este compresor online dean.edwards.name/packer/, se usa para códigos javascript, mostramos un ejemplo de uso: