Combinaciones compatibles de plugins de optimización de velocidad para WordPress

¿Existen combinaciones de plugins de optimización de velocidad para WordPress que sean compatibles entre sí y que puedan trabajar juntas para realizar diferentes tareas de optimización?

Sí, existen varios grupos de plugins de optimización de velocidad para WordPress que pueden trabajar juntos para realizar diferentes tareas de optimización y mejorar la velocidad de carga de tu sitio web. Aquí te presento algunas de las combinaciones más comunes:

• W3 Total Cache y Smush Image Compression and Optimization: W3 Total Cache te ayuda a mejorar el rendimiento del sitio web optimizando el código y almacenando en caché páginas, publicaciones e imágenes, mientras que Smush Image Compression and Optimization te ayuda a mejorar la velocidad del sitio web comprimiendo las imágenes y reduciendo su tamaño de archivo.

• WP Fastest Cache y Lazy Load: WP Fastest Cache te ayuda a mejorar la velocidad del sitio web almacenando en caché páginas, publicaciones y otros contenidos del sitio web, mientras que Lazy Load acelera la carga de la página posponiendo la carga de imágenes hasta que el usuario se desplaza hasta la posición de la imagen en la página.

• Autoptimize y Cloudflare: Autoptimize te ayuda a mejorar la velocidad del sitio web al minimizar los archivos HTML, JavaScript y CSS, y optimizar las imágenes, mientras que Cloudflare proporciona una Red de Entrega de Contenidos (CDN) que te ayuda a mejorar la velocidad del sitio web almacenando y entregando contenido del sitio web desde varios servidores alrededor del mundo.

• WP Optimize y Cloudflare: WP Optimize te ayuda a optimizar tu base de datos de WordPress eliminando datos innecesarios, optimizando tablas y comprimiendo imágenes, mientras que Cloudflare proporciona una Red de Entrega de Contenidos (CDN) que te ayuda a mejorar la velocidad del sitio web almacenando y entregando contenido del sitio web desde varios servidores alrededor del mundo.

Estas son solo algunas de las combinaciones de plugins que pueden trabajar juntas para mejorar la velocidad de carga de tu sitio web. Es importante elegir los plugins correctos para tus necesidades específicas y probarlos a fondo antes de instalarlos en tu sitio web en vivo para asegurar la compatibilidad y el rendimiento óptimo.

Los plugins de optimización de velocidad más usados

Antes de hablar de combinaciones conviene tener claro qué hace cada plugin, porque los conflictos casi siempre vienen de instalar dos que hacen lo mismo sin saberlo. Estos son los siete que más aparecen en un WordPress, agrupados por lo que resuelven:

• W3 Total Cache (caché completa): guarda las páginas ya generadas, la caché de objetos y de base de datos, y además minifica CSS y JavaScript y se integra con una CDN. Es el más completo y el más difícil de configurar; muchas de sus opciones no hacen falta en un sitio normal.
• WP Fastest Cache (caché de página): genera una copia estática de cada página y la sirve sin ejecutar PHP. Sencillo y suficiente para la mayoría de webs corporativas. Su versión de pago añade optimización de imágenes y de CSS.
• Autoptimize (CSS, JavaScript y HTML): minifica y combina los ficheros de estilo y de script, puede insertar el CSS crítico y diferir el JavaScript. No hace caché de página: se pone al lado de un plugin de caché, no en su lugar.
• Lazy Load (carga diferida): retrasa la descarga de las imágenes hasta que el visitante se acerca a ellas. Desde WordPress 5.5 el núcleo lo hace por defecto con el atributo loading="lazy", así que hoy solo aporta algo en iframes y fondos.
• Smush (imágenes): comprime las imágenes al subirlas y en lote, y en su versión de pago las convierte a WebP. Reduce el peso de la página, que es donde más se nota en móvil.
• Cloudflare (CDN y caché en el borde): el plugin conecta WordPress con la red de Cloudflare, que sirve los ficheros estáticos desde el punto más cercano al visitante y, con su optimización para WordPress, también el HTML. Hace su propia caché, y eso es lo que hay que recordar al combinarlo.
• WP-Optimize (base de datos): limpia revisiones, comentarios de spam y transitorios caducados y optimiza las tablas. Sus versiones recientes añaden caché de página y compresión de imágenes, con lo que puede solaparse con los anteriores si se activan esas partes.

Fíjate en que hay cuatro tareas distintas: caché de página, optimización de CSS y JavaScript, imágenes y base de datos. La regla de oro es un plugin por tarea. Todos los conflictos de los dos apartados siguientes son variantes de saltársela.

Problemas de compatibilidad habituales

Instalar varios plugins de velocidad a la vez no suma sus mejoras; a menudo las resta. Los síntomas son una web que se rompe, que va más lenta que antes o que muestra errores solo a algunos visitantes. Estos son los problemas que más vemos:

Dos cachés de página

Cuando dos plugins guardan copias de las páginas, cada uno cree que la suya es la buena. Al publicar un cambio, uno la vacía y el otro no, y el visitante ve contenido viejo durante horas. En el peor caso, cada plugin sirve la copia del otro y la caché no se renueva nunca. Es el conflicto más frecuente y el más difícil de detectar, porque la web «funciona».

Minificación por partida doble

Si dos plugins minifican y combinan el CSS y el JavaScript, el segundo procesa ficheros que el primero ya ha transformado. El resultado típico son estilos que desaparecen, un menú desplegable que deja de abrirse o un deslizador que no arranca, y un error en la consola del navegador que no apunta a ningún plugin en concreto. La minificación se activa en un solo sitio.

Imágenes optimizadas dos veces

Dos plugins de imágenes comprimen la misma imagen uno detrás de otro y la calidad baja más de lo previsto; o los dos intentan generar la versión WebP y uno pisa la del otro; o cada uno aplica su propia carga diferida y las imágenes tardan en aparecer o no aparecen. Además, un plugin de imágenes mal configurado puede generar tamaños que nadie usa y llenar el disco.

Conflictos con otros plugins y con el tema

Los plugins de tienda, de formularios, de reservas o de membresía generan contenido distinto para cada visitante y no se pueden cachear sin excepciones: un carrito de la compra cacheado es un carrito de otra persona. Y algunos temas cargan su CSS y su JavaScript de una forma que la minificación no entiende, y se rompen al combinarlos. Casi todos los plugins de velocidad tienen una lista de exclusiones para estos casos; hay que usarla.

Cómo encontrar al culpable

El método es el de siempre y funciona: haz una copia de seguridad, vacía todas las cachés y desactiva los plugins de velocidad uno a uno, comprobando la web después de cada uno, hasta que el problema desaparezca. Mejor todavía si lo haces en un entorno de pruebas y no en la web en producción. Cuando sepas cuál es, revisa sus exclusiones antes de descartarlo del todo: a menudo basta con dejar fuera un fichero.

Combinaciones que no recomendamos

Con lo anterior, estas parejas se explican solas. Las hemos visto instaladas juntas más veces de las que cabría esperar:

• W3 Total Cache y WP Fastest Cache. Dos cachés de página. Se pisan al vaciar la caché y la web sirve contenido viejo. Uno u otro.
• W3 Total Cache y Autoptimize, con la minificación activada en los dos. Doble minificación y estilos rotos. Pueden convivir si la minificación de W3 Total Cache se desactiva y se deja solo la de Autoptimize, que la hace mejor.
• WP Fastest Cache y Cloudflare con la caché de HTML activada. Dos cachés en dos sitios distintos: cuando se vacía una, la otra sigue sirviendo la página vieja. Si se usa Cloudflare solo para los ficheros estáticos no hay conflicto; si se activa su optimización de WordPress, que cachea el HTML en el borde, sobra la caché de página en el servidor o hay que conectar las dos para que se vacíen a la vez.
• Autoptimize y un plugin de carga diferida aparte. Autoptimize ya puede diferir imágenes; con otro plugin haciendo lo mismo, las imágenes reciben dos tratamientos y a veces no se cargan.
• Smush y la optimización de imágenes de Cloudflare. Las dos comprimen y convierten formatos. Una imagen comprimida dos veces pierde calidad, y las versiones WebP de uno pueden no coincidir con lo que espera el otro. Se elige dónde se optimiza: en WordPress o en la CDN.
• Dos plugins de base de datos, o WP-Optimize con su caché activada junto a otra caché. Limpiar dos veces no daña, pero dos cachés sí, y las versiones recientes de WP-Optimize traen una.

La combinación que recomendamos por defecto es corta: un plugin de caché de página (o, mejor, la caché del propio servidor si el hosting la ofrece), Autoptimize para CSS y JavaScript, un solo plugin de imágenes con WebP, WP-Optimize solo para la base de datos y una CDN para los ficheros estáticos. Cuatro tareas, cuatro herramientas, y cada una probada antes de activar la siguiente. El orden completo, con la forma de medir antes y después de cada paso, está en nuestra guía completa para optimizar la velocidad de WordPress.