Combina y comprime todos los ficheros CSS y JS para optimizar WordPress con WP Minify

Cada vez que accedemos a una web, independientemente del CMS que usemos (como si no usamos ninguno), el navegador empieza la descarga del sitio en HTML y todo lo que trae consigo (principalmente imágenes, hojas de estilo y ficheros de script del lado del cliente como JavaScript) mediante protocolo HTTP.

¿Qué problema tiene HTTP? Para cada petición de este tipo, abre y cierra la conexión. ¿Eso qué conlleva? Un aumento del tiempo de transferencia.

Como se puede observar, el problema en parte es abordable ya que aunque no podemos (por ahora) reunir todas las imágenes en una sola transmisión, sí que es cierto que podemos hacer que si tenemos 4 ficheros de hojas de estilo CSS y 10 ficheros JavaScript que cargar; podemos limitarnos a enviar un sólo fichero de cada tipo al navegador. El resultado no cambia y aceleramos el proceso.

Si usamos WordPress, podemos instalar WP Minify para que automatice este proceso por nosotros y nos olvidemos, junto con otra mejora, comprime ambos ficheros resultantes lo que lleva a una mejora mayor aún de la ya comentada.

Podéis ver el efecto de usarlo en las capturas siguientes:

Casi 100.000 bytes recibidos, tras usar WP Minify tenemos:

Menos de 30.000, ¿muy útil verdad? Veamos cómo instalarlo. Nos dirigimos a:

• Escritorio
• Plugins
• Añadir nuevo
• Buscamos “WP Minify”
• Instalar ahora

Una vez instalado lo activamos pero antes de eso nos aseguramos de que el servidor web tiene permisos de escritura en:

• /wp-content/plugins/wp-minify/cache
• /wp-content/plugins/wp-minify/min/config.php

Con sólo eso veremos el rendimiento de nuestro sitio optimizado de forma automática sin esfuerzo de nuestra parte.