Llevo ya una temporada apreciando que el numero de visitantes a Xeduced ha crecido (me hace ilusión) y se está está estabilizando en un valor de 3000 visitantes diarios únicos (depende del día, pueden ser algo mas o algo menos) cuando antes era una cifra de unos 2500 diarios aproximadamente. No he podido analizar en detalle esto, quizás sea algo temporal, pero a primera vista no parece que ese crecimiento se deba a picos de visitas en entradas concretas, así que podría ser un buen síntoma de crecimiento natural del blog.

Y eso me lleva a que voy a tener que empezar a cuidar mas el aspecto técnico del blog. Hasta ahora creo que mi servidor en Dreamhost está aguantando muy bien y no tengo ninguna queja al respecto, ni caídas, ni lentitud excesiva (creo), ni se han puesto todavía en contacto conmigo para llamarme la atención ni nada.

Puede que ayude el que ya uso algunos trucos para ahorrar ancho de banda, evitar saturación y hacer que el blog cargue lo mas rápido posible, pero lamentablemente nunca hay nada suficiente y siempre se puede hacer mas.

Es por eso que hoy os voy a contar como podéis optimizar un poco el blog, especialmente si contiene bastante código Javascript. Si usas archivos Javascript en tu blog, sabrás que estos, muchas veces ralentizan la carga del mismo. Al margen del tiempo de proceso que consuman, normalmente se trata de archivos físicos que han de ser descargados a la máquina del usuario. Esos archivos pesan un número determinado de KB y hay que hacer una petición al servidor por cada archivo utilizado por el blog, así que es fácil intuir que a mayor numero de archivos y a mayor peso, peor experiencia para el usuario.

Pues bien, con el plugin WP JS es posible agrupar todos los archivos en uno solo (por lo tanto una sola petición) y ademas comprimir el archivo resultante (para reducir el peso de lo que descargamos) y aliviar al sufrido servidor suprimiendo algo de carga de trabajo.

Por ejemplo, imaginad que estáis usando las populares librerias Javascript prototype y script.aculo.us. Esto supone un total de 247KB repartidos en 8 archivos que habrán de ser descargados por el usuario para poder ver y usar en condiciones la página o blog en cuestión. Si usaramos GZIP para comprimir por separado cada fichero, en conjunto pasarían a ocupar solo 63KB (Un 74% de reducción), que es un muy buen resultado. Aún así, el usuarios todavía tendría que descargar 8 archivos. Si usaramos el plugin WP JS, conseguiríamos transformar los 8 archivos en un único fichero que pesaría solo 45KB (82% de reducción). Mucho mejor, ¿no? Quizás un vistazo a la siguiente gráfica os despeje mucho mejor las dudas.

Instalación del plugin:

1. Simplemente sube la carpeta /wp-js/ al directorio /wp-content/plugins/
2. Activa el plugin a través del menú “Plugins” de Wordpress.
3. Asigna a la carpeta /cache/ el conjunto de permisos 777.
4. Usa expresiones del tipo <?php wp_js(’ruta/al/archivo/file.js’); ?> para comprimir los archivos .js .

Ejemplos:

Si solo quieres que actue sobre 1 archivo (en este caso global.js), puedes usar esta sintáxis.

<script src="<?php wp_js(’/javascript/global.js’) ?>" type="text/javascript" charset="utf-8"></script>

Para 2 o más archivos (en este ejemplo sifr.js y sifr-addons.js).

<script src="<?php wp_js(’/javascript/sifr-addons.js,/javascript/sifr.js’) ?>" type="text/javascript" charset="utf-8"></script>

Administración del plugin.:

Como podéis apreciar en la siguiente imagen, es posible configurar las siguientes tres cosillas desde el panel de Administrador.

• Activar o desactivar el plugin, de manera que aunque la cláusula wp_js() todavía funciona y es reconocida, no realiza ningún cacheo ni compresión.
• Especificar el tiempo de expiración para cada archivo Javascript.
• Limpiar la caché en caso de que actualices cualquiera de los archivos Javascript que hay en ella, para que se vuelvan a cachear.

Espero que os haya resultado de ayuda esta entrada ;)

Enlace: Plugin WP JS