Optimización Web V

4 de Mayo de 2008

Esta entrada es la número 5 de 33 de la serie Trucos Blog

Como siempre hay espacio para aprender más y mejorar y aunque creía que había terminado con las mejoras técnicas en Phylosoft, esta semana he descubierto el plugin Script Compressor.

En una de las entradas de la serie Optimización Web que escribí hace un par de semanas comentaba lo necesario que era “bajar de peso” la página para que se cargue cuanto antes ante cualquier usuario independientemente de su velocidad de conexión a la red.

En concreto hablaba del peso del archivo prototype.js y lo “sencillo” aunque tedioso que era rebajarlo un poco de peso (un 20%). Pero a cada cambio de versión de Wordpress me veía obligado a volver a repasar las 4000 líneas del archivo para eliminar espacios y líneas en blanco.

Pues bien el plugin Script Compressor se encarga de “adelgazar” el peso de todos los archivos de tipo javascript y css muchísimo.

Un ejemplo, la página principal de este blog, tras pasar por las manos de ese plugin ha bajado prácticamente un 50% en número de bytes. Y si miro solo los javascripts que utiliza la reducción es de más del 80%. Asombroso.

Imágenes del antes (262.526 bytes totales) y del después (137.242) por tipo de archivo:

Si entendéis chino (yo no) podéis descargar y encontrar toda la información sobre el plugin en la página del autor y su plugin: Script Compressor. Sino, es mejor que os paséis por el repositorio de plugins de Wordpress en Wordpress Plugins.

Es muy fácil de instalar, solo hay que subirlo al directorio de plugins y activarlo. Luego hay que acceder a Opciones>Script Compressor, marcar los dos checkbox (javascript y css) y clicar en “Update Options” y ya está todo hecho.