¿No sabes qué significa algún término? Consulta el glosario
FluentCart vs WooCommerce: comparativa de rendimiento
Ahora que FluentCart está disponible y se ha lanzado oficialmente, he probado estos dos plugins de eCommerce en la misma instalación de WordPress para descubrir cómo de rápido es realmente FluentCart. Porque seamos sinceros: la pregunta no es si es más rápido. Prácticamente todo es más rápido que WooCommerce 😉
Las versiones utilizadas para esta prueba son:
- WooCommerce: v10.0.1
- FluentCart: v1.2.2
FluentCart se presenta como una alternativa moderna y ligera a WooCommerce, utilizando la API REST y una interfaz de administración de aplicación de una sola página (single-page app – SPA) para reducir la carga del servidor y mejorar la velocidad. Veamos los datos.
Condiciones de las pruebas
He utilizado un servidor Hetzner CX22 con 2 vCPU y 4 GB de RAM; nada impresionante, pero suficiente para las pruebas. Todos los tests se han hecho en las mismas condiciones:
- Instalación de WordPress desde cero.
- El mismo tema (Twenty Twenty-Five).
- Ejecutamos los asistentes de configuración iniciales con los ajustes por defecto.
- Contenido de demostración importado.
- FluentCart puede importar de forma nativa 10 productos de la categoría menswear.
- WooCommerce, mediante su archivo
sample-products.csv, importa 18 productos de varias categorías, por lo que eliminamos 8 de ellos para mantener la uniformidad.
- Stripe como método de pago, ya que es el único disponible en FluentCart (además de PayPal). Para WooCommerce, instalamos el plugin oficial de Stripe en WooCommerce (WooCommerce Stripe Gateway (WCSG)) para que la comparación sea objetiva.
- No se ha instalado ningún otro plugin, excepto Code Profiler Pro para medir el rendimiento.
- Cada plugin utiliza sus propias páginas de carrito, pago, mi cuenta y tienda.
Parámetros de rendimiento
El rendimiento de cada plugin se ha medido utilizando las siguientes medidas:
- Tiempo de ejecución de PHP (ms). Las páginas de la vista pública se han medido como usuario desconectado.
- Página de inicio
- Página de tienda de cada plugin
- Página de producto de cada plugin
- Página de la lista de productos en el panel de administración de WordPress de cada plugin
- Escritorio de WordPress
- Tamaño total de CSS y JS y número de archivos (KB). Las páginas de la vista pública se han medido como usuario desconectado.
- Página de inicio
- Página de tienda de cada plugin
- Página de producto de cada plugin
- Página de carrito de cada plugin (con 1 producto en el carrito)
- Página de pago / finalizar compra de cada plugin
- Página de la lista de productos en el panel de administración de WordPress de cada plugin
- Resultados de PageSpeed Insights / Lighthouse.
- Página de tienda
- Página de producto
Los tiempos de ejecución se han medido con el plugin Code Profiler Pro. Cada prueba se ha ejecutado tres veces y se ha hecho el promedio para asegurarme de que los tiempos eran precisos.
Resultados
Tiempo de ejecución de PHP (ms)
| Contexto | WooCommerce | FluentCart | Diferencia |
|---|---|---|---|
| Escritorio | 0.587 | 0.135 | ~4× más rápido |
| Productos (admin) | 1.126 | 0.203 | ~5-6× más rápido |
| Inicio | 0.637 | 0.140 | ~4-5× más rápido |
| Tienda | 0.887 | 0.376 | ~2× más rápido |
| Producto | 0.883 | 0.287 | ~3× más rápido |
Además, en WooCommerce se deben añadir los siguientes tiempos de WooCommerce Stripe Gateway.
| Context | WooCommerce Stripe Gateway |
|---|---|
| Escritorio | 0.073 |
| Productos (admin) | 0.084 |
| Inicio | 0.071 |
| Tienda | 0.071 |
| Producto | 0.089 |
Resultado: FluentCart muestra un tiempo de ejecución de PHP mucho menor en todos los tipos de página, lo que confirma un uso más ligero del backend.
Archivos CSS y JS
Página de inicio (o cualquier otra página no relacionada con la tienda)
| WooCommerce + WCSG | FluentCart | |
|---|---|---|
| Archivos CSS | 10 (238 KB) + 1 (3.5 KB) | 2 (24.3 KB) |
| Archivos JS | 22 (555 KB) + 1 (282 KB) | 2 (36.1 KB) |
Resultado: FluentCart carga muchos menos recursos en páginas no relacionadas con la tienda.
Shop Page
| WooCommerce + WCSG | FluentCart | |
|---|---|---|
| Archivos CSS | 16 (250 KB) + 1 (3.5 KB) | 9 (111 KB) |
| Archivos JS | 24 (564 KB) + 1 (282 KB) | 9 (177 KB)* |
Resultado: FluentCart carga entre la mitad y tres veces menos archivos CSS y JS en la página de la tienda por defecto. Al incluir WCSG, la diferencia es aún mayor (gracias a ese archivo JS tan grande). El mismo resultado se produce en el resto de los archivos.
* Nota: Dos archivos JS de FluentCart devuelven errores 404.
Página de producto
| WooCommerce + WCSG | FluentCart | |
|---|---|---|
| Archivos CSS | 21 (272 KB) + 4 (4.7 KB) | 9 (70.2 KB) |
| Archivos JS | 40 (672 KB) + 3 (541 KB) | 5 (124 KB) |
Resultado: FluentCart reduce el total de solicitudes y el tamaño de archivo total un 75-80% (sin contar WCSG).
Página de carrito (con 1 producto)
| WooCommerce + WCSG | FluentCart | |
|---|---|---|
| Archivos CSS | 12 (299 KB) + 4 (4.7 KB) | 2 (24.3 KB) |
| Archivos JS | 23 (596 KB) + 3 (541 KB) | 2 (36.1 KB) |
Resultado: FluentCart lo mantiene todo al mínimo y, por lo que podemos ver, carga exactamente los mismos recursos que en otras páginas que no son de la tienda.
Página de compra (checkout)
| WooCommerce + WCSG | FluentCart | |
|---|---|---|
| Archivos CSS | 9 (347 KB) + 4 (4.7 KB) | 4 (113 KB) |
| Archivos JS | 23 (617 KB) + 3 (541 KB) | 12 (350 KB) |
Resultado: La página de compra de FluentCart es de nuevo más ligera, y aun así incluye toda la lógica de JavaScript necesaria para las validaciones y los formularios de pago.
Lista de productos (administración)
| WooCommerce + WCSG | FluentCart | |
|---|---|---|
| Archivos CSS | 12 (626 KB) + 1 (3.5 KB) | 3 (1,003 KB) |
| Archivos JS | 38 (1,673 KB) + 0 | 50 (3,880 KB) |
Resultado: Este es el único sitio donde WooCommerce gana en teoría, ya que la sección de administración de FluentCart está diseñada como una aplicación de una sola página que utiliza la API REST. Esto significa que carga más JavaScript al principio, pero después, cambiar entre sus menús es mucho más rápido, sin recargas completas de la página. En otras palabras, FluentCart es más pesado, pero más rápido de usar.
En cuanto al CSS, WooCommerce también gana. El panel de control de FluentCart tiene una interfaz muy personalizada, algo que no me gusta; hubiera preferido un diseño más integrado. Esto sería mejor para el usuario, que no tendría la sensación de que está trabajando en una plataforma diferente, y para la web, que no tendría que cargar ni analizar todo ese CSS adicional. Plugins como Autoptimize, WPvivid o Cache Enabler, por poner algunos ejemplos, lo hacen mucho mejor.
Tabla resumen
Echemos un vistazo al panorama general combinando CSS y JS, para ver la reducción general (o aumento) en los recursos estáticos totales.
| Página / Área | WooCommerce | FluentCart | Reducción |
|---|---|---|---|
| Inicio | 793 KB (32 solicitudes) | 60.4 KB (4) | -92% |
| Tienda | 814 KB (40) | 288 KB (18) | -65% |
| Producto | 944 KB (61) | 194 KB (14) | -79% |
| Carrito | 895 KB (35) | 60.3 KB (4) | -93% |
| Pago | 964 KB (32) | 463 KB (16) | -52% |
| Admin (Productos) | 2.3 MB (50) | 4.9 MB (53) | +113% |
Si incluimos los recursos añadidos por WooCommerce Stripe Gateway, las cosas mejoran aún más (para FluentCart, por supuesto):
| Página / Área | WooCommerce + WCSG | FluentCart | Reducción |
|---|---|---|---|
| Inicio | 1.1 MB (34) | 60.4 KB (4) | -95% |
| Tienda | 1.1 MB (42) | 288 KB (18) | -74% |
| Producto | 1.5 MB (68) | 194 KB (14) | -87% |
| Carrito | 1.4 MB (42) | 60.3 KB (4) | -96% |
| Pago | 1.5 MB (39) | 463 KB (16) | -69% |
| Admin (Productos) | 2.3 MB (51) | 4.9 MB (53) | +113% |
PageSpeed Insights
También he medido dos páginas (la de la tienda/archivo y la de producto) con PageSpeed Insights para ver la experiencia teórica de un usuario real. Recordemos que los resultados de WooCommerce incluyen el plugin WooCommerce Stripe Gateway, que añade recursos y trabajo adicionales al navegador.
Página de tienda – WooCommerce
Página de producto – WooCommerce
Página de tienda – FluentCart
Página de producto – FluentCart
Resultados
Sinceramente, los resultados de WooCommerce son decepcionantes teniendo en cuenta su popularidad (que está en más del 8% de los sitios web a nivel mundial). El único Core Web Vital que tiene bien controlado es el CLS, el cual FluentCart aún necesita mejorar.
Sin embargo, en todos los demás aspectos, FluentCart funciona muchísimo mejor, especialmente en las páginas de producto. Usar FluentCart se traduce en:
- Mejor renderizado del mayor elemento con contenido (LCP)
- Mejor First Contentful Paint (FCP)
- Mejor Total Blocking Time (TBT)
- Mejor Speed Index (SI)
- Mejor tiempo de respuesta inicial del servidor
- Menos contenido JavaScript que no se usa
- Menos contenido CSS que no se usa
- Menos JavaScript heredado (legacy) servido
- Elementos de imagen con atributos explícitos de
widthyheight - Menos encadenamiento de solicitudes críticas (chained critical requests)
- Menos tareas largas del hilo principal
Puntos clave
Sí, FluentCart es más rápido, especialmente en la parte de administración (el backend), donde no hay caché que pueda ocultar los problemas de rendimiento. ¿A qué se debe esto?
- Se basa en gran medida en la API REST y una aplicación JavaScript en lugar de páginas renderizadas en PHP.
- Gracias a esta arquitectura más moderna, también minimiza el tiempo de procesamiento por parte del servidor.
- Carga menos archivos en la portada (el frontend), especialmente en páginas que no son de la tienda.
Sin embargo, a cambio de tener una experiencia de usuario más fluida, hay algunas pequeñas desventajas:
- El tamaño de JavaScript de administración es mayor durante la carga inicial. Por lo tanto, la primera carga de cualquier página de FluentCart en el backend puede tardar más que con WooCommerce.
- Ecosistema menos maduro y con muchos menos plugins que WooCommerce.
- Interfaz de usuario demasiado personalizada.
Conclusión
FluentCart cumple claramente su promesa de ser una alternativa más ligera y rápida a WooCommerce. Reduce drásticamente las solicitudes de archivos, el tamaño de CSS/JS y el tiempo de ejecución del servidor. Y aunque su panel de administración carga una gran cantidad de JavaScript, ese es el precio a pagar para tener una experiencia moderna, similar a la de una app, que va muy fluida una vez cargada.
Sin embargo, FluentCart aún tiene un largo camino por recorrer si quiere convertirse en competencia de verdad, aunque sea pequeña, considerando el enorme dominio de WooCommerce. Existen miles de plugins y temas diseñados para WooCommerce, y cualquier empresa seria debería prestar mucha atención a lo que podría perderse al subirse al carro de una novedad: menor compatibilidad y menor flexibilidad. ¡Pero espero que esto cambie pronto!
También debemos considerar que FluentCart es ligero porque es un plugin nuevo. Pronto añadirán más funciones, y la ventaja que tienen actualmente en términos de rendimiento se reducirá, aunque sospecho que seguirán destacando gracias a su enfoque de desarrollo mejorado y más moderno.
En cuanto a las Core Web Vitals, que son los indicadores que debes seguir (y no una puntuación sin sentido de 0 a 100), ambos plugins pasan factura, pero estarás más cerca de superarlas con FluentCart que con WooCommerce.
Como nota final, si usas WooCommerce, busca un plugin para Stripe mejor que el oficial 😉
Si ves un enlace de afiliado, te garantizo que es de un producto o servicio que realmente vale la pena. A diferencia de otras webs, aquí no se promociona nada solo porque paga más.
