Vía

Reducir el tamaño de los PNG

Últimamente, y para imágenes muy vistas, como el logo de la página, suelo utilizar este método que descubrí en su día en las recomendaciones sobre imágenes de la Wikipedia. Necesitarás las herramientas PNGOUT, OptiPNG, DeflOpt y AdvDef:

optipng -o7 imagen.png
advdef -z4 imagen.png
pngout /ks imagen.png
deflopt imagen.png

Para imagenes que no van a verse tantas veces, me basta con el plugin Save for web para GIMP.

Reducir el tamaño de los JPEG

Para reducir el tamaño de las imágenes jpg podemos utilizar, por ejemplo, jpegtran (binarios para Windows):

jpegtran -optimize -outfile optimizada.jpg imagen.jpg

Este comando no provoca pérdidas respecto de la imagen original.

Reducir el tamaño de los CSS

El primer paso debería ser, evidentemente, eliminar las reglas obsoletas que ya no se utilizan, pero que se han mantenido en la hoja de estilo, bien por despiste o bien por dejadez. Para ello puede ser útil, por ejemplo, Dust-Me Selectors, una extensión para Firefox que nos informará de los selectores no utilizados en la página actual. También puede comprobar una serie de páginas listadas en un sitemap (aún no está actualizado para Firefox 3.6, así que si lo queréis usar en esta versión, podéis actualizarlo usando mi aplicación Update XPI, por ejemplo).

Una vez hemos eliminado las reglas obsoletas, podemos pasar a reducir la hoja de estilo, usando propiedades de atajo, como font:bold 12px verdana en lugar de font-weight:bold, font-size:12px y font-family:verdana; eliminando comentarios o eliminando espacios en blanco innecesarios. Podemos hacer esto utilizando, por ejemplo, CSSTidy:

csstidy.exe estilo.css ––template=highest ––remove_last_;=true estilo-comprimido.css

Para volver a tener un css legible, de forma que podamos hacer cambios fácilmente, podemos ejecutar csstidy con las opciones por defecto:

csstidy.exe estilo-comprimido.css estilo.css

Reducir el tamaño de los JS

YUI Compressor, de la librería de YUI de Yahoo!, es posiblemente la mejor opción, aunque es necesario tener instalado el JRE o el JDK de Java para poder utilizarlo:

java -jar yuicompressor-2.4.2.jar script.js -o optimizado.js

Comprimir en el servidor

Al comprimir el contenido al vuelo en el servidor podemos reducir aún más el tamaño de los archivos, pero, a cambio, consumiremos más CPU y memoria en cada petición, lo que puede provocar que el servidor se colapse, o que se tarde más en servir cada petición. Por lo tanto, en este caso, es necesario sopesar si va a merecer la pena.

Apache cuenta con un par de módulos para comprimir el contenido en el servidor: mod_gzip y mod_deflate. mod_deflate, por defecto, comprime menos que mod_gzip, aunque es más rápido que este. Puedes comprobar si alguno de ellos está activado en tu servidor creando un archivo PHP que llame a la función phpinfo:

<?php phpinfo(); ?>

Otra opción a tener en cuenta para comprimir el contenido en el servidor es utilizar minify, un script PHP que combina, comprime y cachea las hojas de estilo y los scripts.

Por último, para archivos estáticos, otra opción, sólo recomendada para gente con algún conocimiento básico sobre Apache, sería comprimir nosotros mismos los ficheros. Sólo tenemos que usar gzip para crear los archivos comprimidos

gzip -c estilo.css > estilo.css.gz

y editar el archivo .htaccess para que el servidor sirva las versiones comprimidas cuando el navegador del cliente mande la cabecera Accept-Encoding.

AddEncoding x-gzip .gz

<IfModule mod_rewrite.c>
RewriteEngine On

RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.+)$ $1.gz [L]
</IfModule>

AppServ

El paquete más desactualizado: su última versión data de hace más de un año.

• Resultados en Google: 358.000
• Última versión estable: 2.5.10 (Junio 2008)
• Apache: 2.2.8
• PHP: 5.2.6
• MySQL: 5.0.51b
• phpMyAdmin: 2.10.3
• Tamaño: 16.4MB

EasyPHP

Además de Apache, PHP y MySQL también incluye SQLite Manager, para el caso de que queramos utilizar esta base de datos. Se puede utilizar como aplicación portable.

• Resultados en Google: 646.000
• Última versión estable: 5.3.0 (Agosto 2009)
• Apache: 2.2.13
• PHP: 5.3.0
• MySQL: 5.1.37
• phpMyAdmin: 3.2.1
• Tamaño: 14.7MB

WampServer

Aunque está ligeramente más desactualizado que EasyPHP y XAMPP ofrece addons con los que instalar tantas versiones de Apache, PHP y MySQL como queramos, siendo las últimas versiones que ofrecen para cada aplicación: Apache 2.2.13, MySQL 5.1.40 y PHP 5.3.0. La versión a utilizar para cada componente se puede configurar desde el icono de la barra de notificación.

• Resultados en Google: 310.000
• Última versión estable: 2.0i (Julio 2009)
• Apache: 2.2.11
• PHP: 5.3.0
• MySQL: 5.1.36
• phpMyAdmin: 3.2.0.1
• Tamaño: 15.3MB

XAMPP

Posiblemente sea el paquete más utilizado. Tiene versiones para Windows, Linux, Mac OS y Solaris. A parte de Apache, PHP y MySQL también incluye SQLite, Webalizer, OpenSSL, Perl, FileZilla FTP Server, eAccelerator… y una pequeña aplicación web llamada “Consola de seguridad”, para mejorar la seguridad del paquete en caso de que queramos utilizarlo para producción. También hay disponible una versión lite o reducida. Se puede utilizar como aplicación portable.

• Resultados en Google: 807.000
• Última versión estable: 2.0i (Agosto 2009)
• Apache: 2.2.12
• PHP: 5.3.0
• MySQL: 5.1.37
• phpMyAdmin: 3.2.0.1
• Tamaño: 44MB (Lite 26MB)

Zend Server CE

Versiones para Windows, Linux y Mac OS. La versión de pago incluye características de monitorización y diagnóstico, además de soporte técnico, entre otros. Incluye distintas extensiones útiles de PHP de uso común, el depurador de Zend, su framework de desarrollo web, un componente para cachear el bytecode, etc.

• Resultados en Google: 1.660.000
• Última versión estable: 4.0.6 (Noviembre 2009)
• Apache: 2.2.14
• PHP: 5.3.0
• MySQL: 5.1.39 (descarga adicional)
• phpMyAdmin: 3.2.2 (descarga adicional)
• Tamaño: 51.06MB

Si has respondido duck typing, Mac OS X v10.5, Apache y Linux, felicidades.

También son respuestas válidas, por ejemplo, DocBook, FreePascal, Perl, etc.

NO son respuestas válidas: pato, leopardo, alce o pingüino.

Apache y Tomcat en Linux

La instalación de Apache y Tomcat en Windows no tiene mayor complicación, basta con ejecutar los instaladores que podemos encontrar en sus respectivas webs (Apache / Tomcat). La instalación del módulo conector tampoco tiene misterio, y es similar a lo que ya vimos en Linux.

El conector puede descargarse en la misma web de Tomcat; no tenemos más que seleccionar el mirror a utilizar, la versión binaria de mod_jk (JK 1.2 Binary Releases) y descargar el archivo .so correspondiente a la versión de Apache que instalamos.

Copiaremos este archivo en la carpeta modules de Apache, renombrándolo como mod_jk.dll

La configuración es casi calcada a la de Linux. Crearemos un archivo workers.properties en la carpeta conf de Apache con el siguiente contenido:

workers.tomcat_home=Directorio en que instalamos Tomcat
workers.java_home=Directorio en que instalamos el JDK
ps=\
worker.list=default

worker.default.port=8009
worker.default.host=localhost
worker.default.type=ajp13
worker.default.lbfactor=1

Y editamos el archivo de configuración de Apache (httpd.conf en la carpeta conf) para que se cargue el módulo al iniciar el servidor. En la sección LoadModules añadimos:

LoadModule jk_module modules/mod_jk.so

Y al final del archivo:

JkWorkersFile "conf/workers.properties"
JkLogFile "logs/mod_jk.log"
JkLogLevel warn

JkMount /servlets-examples default
JkMount /servlets-examples/* default

JkMount es la línea que indica a Apache que solicitudes reenviar a Tomcat. En este caso llamaremos a Tomcat siempre que se intente acceder a cualquier archivo del directorio servlets-examples, donde se guardan algunos ejemplos para demostrar el uso de Servlets, utilizando el protocolo definido por “default”.

Por último iniciamos Tomcat y Apache. Al introducir la URL http://localhost deberíamos ver la web de bienvenida de Apache, al introducir http://localhost:8080 la de Tomcat, y con http://localhost/servlets-examples Apache enviará la petición a Tomcat.

Apache y Tomcat en Windows

Tomcat es un contenedor de servlets (es lo que necesitamos para ejecutar JSP y Servlets) creado por la fundación Apache dentro del proyecto Jakarta. Aunque se puede utilizar como servidor web no está tan optimizado como el servidor web de la misma fundación, Apache. El siguiente tutorial tiene como objetivo mostrar cómo lograr que las peticiones a Apache se redirijan a Tomcat utilizando un conector (en este caso jk). A lo largo del tutorial se compilarán los paquetes a partir del código fuente, en lugar de utilizar precompilados, por lo que debería poder seguirse facilmente utilizando cualquier distribución.

Instalación del JDK

Evidentemente lo primero que necesitamos para desarrollar en Java es instalar el kit de desarrollo (JDK) que podemos descargar desde la web de Sun. A la hora de escribir este tutorial la última versión es la 5.0 Update 6. Utilizaremos la versión autoextraible (Linux self-extracting file) en lugar del paquete RPM.

su
Introducir contraseña de root
cp -p jdk-1_5_0_06-linux-i586.bin /usr/local
cd /usr/local
chmod +x jdk-1_5_0_06-linux-i586.bin
./jdk-1_5_0_06-linux-i586.bin
rm jdk-1_5_0_06-linux-i586.bin


Esto extraerá el contenido del archivo en una nueva carpeta jdk1.5.0_06 en /usr/local. Ahora basta crear la variable de entorno para indicar dónde está instalado el JDK y añadir a la variable PATH el directorio en el que se encuentran los binarios para poder ejecutarlos desde cualquier sitio. Para ello abrimos el archivo /etc/profile con nuestro editor favorito (como root) y añadimos las siguientes líneas al final:

JAVA_HOME=/usr/local/jdk1.5.0_06
PATH=$PATH:$JAVA_HOME/bin
export PATH JAVA_HOME

Actualizamos las variables de entorno:

source /etc/profile

Si todo ha salido bien al escribir javac -version deberíamos obtener el número de versión del compilador de Java. En el caso de que algo halla salido mal el sistema nos informará de que no encontró ningún ejecutable con ese nombre.

Compilar e instalar Apache

Descargamos el código fuente de la aplicación desde la web de la fundación. Descomprimimos, compilamos e instalamos:

cp -p httpd-2.2.0.tar.gz /usr/local/src/
cd /usr/local/src
tar xvzf httpd-2.2.0.tar.gz
rm httpd-2.2.0.tar.gz
cd /usr/local/src/httpd-2.2.0
./configure --prefix=/usr/local/apache --enable-module=most --enable-mods-shared=most
make
make install

Con esto habremos instalado Apache en /usr/local/apache. Vamos a probar la configuración por defecto y a intentar iniciar el servidor:

/usr/local/apache/bin/apachectl configtest
/usr/local/apache/bin/apachectl start


Si todo ha funcionado correctamente deberíamos poder abrir la URL http://localhost en un navegador y ver la página de bienvenida de Apache.

Detengamos Apache hasta que instalemos Tomcat y el conector:

/usr/local/apache/bin/apachectl stop

Compilar e instalar Tomcat

Descargamos la aplicación desde su web. En este caso no tenemos más que descomprimir el archivo en el directorio que queramos, ya que se trata de una aplicación Java.

cp -p apache-tomcat-5.5.16.tar.gz /usr/local/
cd /usr/local
tar xvzf apache-tomcat-5.5.16.tar.gz
rm apache-tomcat-5.5.16.tar.gz


De nuevo vamos a editar /etc/profile para añadir la variable de entorno CATALINA_HOME:

CATALINA_HOME=/usr/local/apache-tomcat-5.5.16
export CATALINA_HOME

Y actualizamos:

source /etc/profile

Por último ejecutamos el script de iniciación de tomcat:

/usr/local/apache-tomcat-5.5.16/bin/startup.sh

Deberías ver la página de bienvenida de Tomcat introduciendo la URL http://localhost:8080 en un navegador.

Por ahora vamos a parar Tomcat

/usr/local/apache-tomcat-5.5.16/bin/shutdown.sh

En este momento tenemos instalados ambos servidores que correrían de forma independiente, con Apache escuchando en el puerto 80 y Tomcat escuchando en el 8080.

Compilar e instalar el conector JK

Existen dos versiones del conector, JK y JK2. Aunque parezca raro la versión que nos interesa instalar es la primera, ya que la segunda está descontinuada. El código fuente se puede descargar desde la web de Tomcat.

Vamos a compilar el módulo mod_jk.so (debería colocarlo en la carpeta de módulos del servidor Apache):


cp -p jakarta-tomcat-connectors-1.2.15-src.tar.gz /usr/local/src/
cd /usr/local/src
tar xvzf jakarta-tomcat-connectors-1.2.15-src.tar.gz
rm jakarta-tomcat-connectors-1.2.15-src.tar.gz
cd jakarta-tomcat-connectors-1.2.15-src/jk/native/
./buildconf.sh
./configure --with-apxs=/usr/local/apache/bin/apxs
make
make install

Y ahora sólo falta configurarlo. Creamos un nuevo archivo workers.properties en /usr/local/apache/conf con el siguiente contenido:


workers.tomcat_home=/usr/local/apache-tomcat-5.5.16/
workers.java_home=$JAVA_HOME
ps=/
worker.list=default

worker.default.port=8009
worker.default.host=localhost
worker.default.type=ajp13
worker.default.lbfactor=1


Editamos el archivo de configuración de Apache (/usr/local/apache/conf/httpd.conf) para cargar el módulo. En la sección LoadModules añadimos:

LoadModule jk_module modules/mod_jk.so

Y al final del archivo:

JkWorkersFile "conf/workers.properties"
JkLogFile "logs/mod_jk.log"
JkLogLevel warn

JkMount /jsp-examples default
JkMount /jsp-examples/* default

JkMount es la línea que indica a Apache que solicitudes reenviar a Tomcat. En este caso llamaremos a Tomcat siempre que se intente acceder a cualquier archivo del directorio jsp-examples, donde se guardan algunos ejemplos para demostrar el uso de JSP, utilizando el protocolo definido por “default”. También podríamos haber utilizado algo del estilo *.jsp para ejecutar Tomcat sólo en el caso de que los archivos terminaran con esta extensión.

Por último iniciamos Apache y Tomcat:

/usr/local/apache-tomcat-5.5.16/bin/startup.sh
/usr/local/apache/bin/apachectl start


Al introducir la URL http://localhost deberíamos ver la web de bienvenida de Apache, al introducir http://localhost:8080 la de Tomcat, y con http://localhost/jsp-examples Apache enviará la petición a Tomcat.

En esta ocasión vamos a ver cómo administrar las bases de datos MySQL de forma sencilla, sin tener que recurrir a comandos crípticos introducidos en la consola, sino a través de la potente interfaz web que nos ofrece la aplicación phpMyAdmin, escrita en PHP y código abierto.

Descarga el archivo zip de la última versión estable de phpMyAdmin desde su página web y descomprime el fichero en un directorio cualquiera, por ejemplo phpmyadmin, dentro del DocumentRoot de ApachePor defecto, C:\Archivos de programa\Apache Group\Apache2\htdocs. Lo cierto es que esto no es lo más seguro, pero si lo más sencillo, y no merece la pena complicarse.

Para configurar phpMyAdmin tendremos que editar un archivo de texto (a estas alturas ya estamos acostumbrados) llamado config.inc.php.

Sustituye $cfg['PmaAbsoluteUri'] = ”; por $cfg['PmaAbsoluteUri'] = ‘http://localhost/phpmyadmin’; para indicar a la aplicación la URL con la que se accederá a phpMyAdmin. Evidentemente, en el caso de que no hayamos colocado la aplicación en la base de DocumentRoot o hayamos utilizado un nombre distinto para el directorio de phpmyadmin, tendremos que modificar la URL de la forma correspondiente.

Si queremos ser capaces de acceder a MySQL a través de phpMyAdmin desde un PC remoto tendremos que introducir el nombre de dominio correspondiente (o la IP, si es estática) en lugar de localhost, además de haberlo activado en su momento en el wizard de configuración de MySQL, aunque es más inseguro.

Busca ahora la variable $cfg['Servers'][$i]['password'] e introduce la contraseña que utilizaste durante la configuración de MySQL. Evidentemente esto no es seguro si cualquiera tiene acceso físico a nuestro PC, en cuyo caso deberíamos utilizar autentificación http ($cfg['Servers'][$i]['auth_type'] = ‘http’;) o un .htaccess de forma que se nos pida el login cada vez que queramos acceder a la aplicación.

Una vez realizados estos sencillos pasos seremos capaces de iniciar la aplicación dirigiendo nuestro navegador a la URL correspondiente. En nuestro ejemplo, http://localhost/phpmyadmin/.

Si en entregas anteriores no nos quedaba más remedio que ensuciarnos las manos editando archivos de texto para configurar los programas, en este caso tendremos a nuestra disposición un instalador que debería dejarnos muy poco por hacer.

Antes de nada, como siempre, es necesario descargar el software correspondiente desde su página web. Para llevar a cabo la descarga de Zend Optimizer tendremos que registrarnos antes en la web de Zend Technologies.

Durante la instalación se nos preguntará por el servidor web utilizado (Apache 2.x), la localización del archivo de configuración de PHP, php.ini (c:\php en nuestro ejemplo), el directorio en el que está instalado Apache (por defecto C:\Archivos de programa\Apache Group\Apache2) y el directorio en el que se almacenan las webs que servirá Apache (DocumentRoot, cuyo valor es, si no lo hemos cambiado, C:\Archivos de programa\Apache Group\Apache2\htdocs).

Una vez terminado el proceso, si cargamos al archivo info.php que creamos para comprobar la instalación de PHP, debería aparecer algo así: