Como minimizar CSS y JS en WordPress para hacer tu web mas rápida

Better WordPress Minify

Que una web sea rápida actualmente es casi una obsesión para cualquier webmaster, para eso un buen hosting es primordial, pero en muchas ocasiones no es por falta de rendimiento de un servidor que una web no corra con alegría, un buen theme, un buen código, no abusar de plugins y reducir al máximo todo el consumo de recursos, son buenas prácticas y recetas para ganar esa velocidad que tanto ansiamos.

Una web creada en WordPress con su theme y sus plugins suele tener bastante CSS y JS asociado, cada uno de su padre y de su madre y muchas veces cada uno campa a sus anchas por nuestros WordPress haciendo que este no corra con la alegría que queremos y sea el causante de que nuestra web sea lenta.

No sería la primera vez que veo una web preciosa pero que no carga rápido y eso estando en un server de gama superior como los que nosotros utilizamos, cuando te paras a revisar ves que utiliza themes mal codeados, excesivas florituras en CSS y Java Scritp, cantidad ingentes de plugins y cada uno por su cuenta.

Mi primera recomendación es no abusar de plugins, cuantos mas plugins mas llamadas a la base de datos y mas retraso en la carga de la web, mi segunda recomendación es hacer un buen uso de themes bien codeados y como tercera recomendación minimizar tanto como sea posible la carga de CSS y JS.

Para esta tercera recomendación podemos hacer uso de un estupendo plugin como Better WordPress Minify, un plugin muy fácil de usar pero con precaución, en el que su misión es precisamente esa, minimizar nuestros CSS y JS para que nuestra web cargue mas rápido.

Better WordPress Minify es un plugin gratuito y disponible en el repositorio oficial de WordPress, entre sus principales funcionalidades podemos destacar:

  • Utiliza el sistema de enqueueing de WordPress que mejora la compatibilidad con otros plugins y temas.
  • Le permite personalizar todas las cadenas minify.
  • Le permite cambiar varias opciones de configuración Minify editando el fichero de configuración directamente.
  • Ofrece varias maneras de administrar caché a la cadena minify.
  • Le da un control total sobre cómo este plugin minifica sus scripts.
  • Soporta localización (wp_localize_script ()).
  • Soporta hojas de estilo RTL.
  • Soporta hojas de estilo específicos de los medios (por ejemplo, ‘pantalla’, ‘print’, etc).
  • Soporta hojas de estilo condicionales.
  • Proporciona hooks para una mayor personalización.
  • Compatible con WordPress multisite.

El creador de este plugin, nos ofrece además una guía de optimización y uso del plugin que podemos encontrar en el siguiente link:

BWP Minify Advanced Customizations 

Es un plugin muy sencillo de utilizar pero que hay que hacerlo con precaución, tienes un foro de soporte donde puedes ver como se han solucionado algunos problemas de otros webmaster y la opción de hacer tus propias consultas, en el Foro de soporte.

Mas información:

– Better WordPress Minify en el repositorio oficial de WordPress.Org