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:
- Simplemente sube la carpeta /wp-js/ al directorio /wp-content/plugins/
- Activa el plugin a través del menú “Plugins” de Wordpress.
- Asigna a la carpeta /cache/ el conjunto de permisos 777.
- 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
Felicidades sobre todo por las estadísticas.
Y si que va rápido esto…zum…ya.
Saludos amigo.
[...] Public Enemy, nos recomienda algunas acciones a llevar a cabo para acelerar un poco la velocidad de Wordpress. [...]
Hombre, muchas gracias senovilla. Aunque fuera algo temporal a mi la verdad es que me hace ilusión ver como crece esto, es síntoma de que algo hago bien. Un saludo amigo.
Lo mismo que te dice senovilla. 3k de visitantes (únicos)son un porrón :D
[...] Acelera un poco mas tu Wordpress [...]
Te recomiendo que chequees la herramienta Yslow de Yahoo (extensión para Firefox)… te va a ayudar un montón, analizando tu web y dándote consejos para que sea más veloz… en mi web también tengo algunos artículos al respecto que pueden servirte en esto… ;)
Muy buen articulo Public enemy, tendremos que ponerlo en practica a ver si mejoramos la velocidad que a mi en concreto me tarda bastante por lo cargado que lo tengo xD
Buen plugin, esto si que es un buen trabajo de optimización. Saludos.
Parte de la optimizacion viene de la austerizacion en el uso plugins y de esto se sabe de manera muy vivencial y simple con la experiencia conflictos muchas veces de inmanejable situacion para los q habitualmente usamos plugins otra pega es el tema qnos embarga la ralentizacion por el uso de recursos similar similar a nuestra pc sin mencionar la seguridad q creo q seria de intersante abordaje en tu blog
Saludos
Y claro Xeduccion x la facil ejecucion de los plugins
habria q mostrar exponer exibir mas articulos para la personalizacion de los layouts de wp asi desleir muletillas
-eh visto a “diseñadores” depender mas de los enchufables y plantillas q bloggers de variado corte-
ventajas como la personalizacion: posicion, forma (edicion no del plugin sino de los items q apareceran los cuales se encontraran en los archivos php desntro su carpeta ), o regresando al principio la austeriadad q si uno lee la documentacion -lease informacion del autor acerca del plugin
este inserta un codigo automaticamente el cual seria tan sencillo de añadir personalmente asi si se quiere se puede aumentar la cuota de plugins q si nos seran funcionalmente utiles q de hecho voy a probar en algun momento espero algo lejano este plugin contra las congestiones de todo blog gerrerazo! Saludos
[...] Acelera un poco mas tu Wordpress comprimiendo archivos [...]
[...] Hace ya bastante tiempo os comenté por aquí la posibilidad de utilizar un plugin para acelerar Wordpress mediante la optimización del uso del código Javascript en el sitio. Pasados unos meses, creo que [...]