Compresion de ficheros javascript y css para aumentar la velocidad de la web V
Para reducir todavía más la carga de la web se pueden servir los ficheros comprimidos utilizando el servidor. De esta manera la transferencia entre el servidor y el cliente es más rápida debido a que la información a transmitir ocupa menos.
El Problema del Javascript
El problema de los ficheros javascript, a diferencia de lo que pasa con las imágenes, es que se descargan de uno en uno y el servidor no permite descargar ninguna otra cosa hasta que termina, por eso mientras más tengamos o mientras más grande sean peor para la carga.
Soluciones para la compresion de ficheros
Existen varios métodos para servir los ficheros comprimidos
- Utilizar el plugin WP-JS tal y como nos indica anieto2k, para enviar los ficheros javascript comprimidos.
- Cargar los javascript asíncronamente, de esta manera la página seguir cargándose y en “background” se cargaran los javascript.
- Compresion mediante Php
- Compresión de los ficheros javascript y css utilizando el htaccess, esta solución es la que más me gusta, porque el consumo va directamente al servidor Apache casi sin intermediarios. Aquí tenemos otra manera para realizar la compresión utilizando httaccess
Buenas Prácticas
No sólo con la compresión de ficheros conseguimos toda la optimización posible, ya que lo suyo sería reducir el número de ficheros javascript a 1 y los ficheros .css a 1. De esta forma se descarga sólo un fichero y no varios, interrumpiendo las peticiones “concurrentes” (a la vez) sólo una vez.
Para ello se podría utilizar el plugin WP-Minify, pero a mi no acabo por convencerme, además de que me daba un error javascript. Lo más óptimo es unificar y combinar los ficheros uno a uno de forma manual.
Poner los css o styles al principio de la página y los javascript o scripts al final. Además podemos leer el manual de Yahoo de buenas prácticas, del cual he extraído el método flush() de php para vaciar el buffer de salida de Php. (puede que resulte útil o no, de momento lo estoy probando)
¿Se os ocurre alguna cosa más?
[...] This post was mentioned on Twitter by Rogelio Hoyos and Ivana Carina Castro, komoloves. komoloves said: Compresion de ficheros javascript y css para aumentar la velocidad de la web V: Para reducir todavía más la car.. http://bit.ly/7y0Arr [...]
Muy bueno, yo no comprimo mucho esos archivos pero se que en algún punto lo necesitare, tendré a la mano esto, otra mejora es deshacerse de plugins basura y optimizar las tablas de la base de datos.
Otra cosa, en esta linea:
“El problema de los ficheros javascript, ha diferencia de lo que pasa con las imágenes”
No es “ha diferencia” es “a diferencia”, solo una corrección visual.