Mejores plugins de carrusel gratuitos para WordPress: comparativa de rendimiento

Hoy vamos a comparar los plugins de carrusel (slider en inglés) gratuitos más populares, pero no sus características, sino su rendimiento, con el objetivo de trabajar la optimización web (o «WPO»). He seleccionado los cinco candidatos más populares para esta comparación:

1. Smart Slider 3 con más de 900.000 instalaciones
2. MetaSlider con más de 600.000 instalaciones
3. Depicter con más de 90.000 instalaciones
4. WP Carousel con más de 60.000 instalaciones
5. Robo Gallery con más de 50.000 instalaciones

He seleccionado los plugins que son plugins de carrusel en toda regla, en lugar de aquellos que son un complemento para algo más, como un bloque de carrusel para Gutenberg o el típico conjunto de complementos para un maquetador de páginas como Elementor.

Sabemos que hay plugins de carrusel aún más populares, como Slider Revolution, pero no tienen una versión gratuita disponible, que es el objetivo de este artículo. En mi experiencia, Slider Revolution es particularmente pesado y a veces resulta en el doble de tiempo de ejecución que las alternativas, pero ese es un tema para otro artículo…

Condiciones de las pruebas

Para cada plugin, creamos un único carrusel con dos diapositivas, cada una conteniendo las mismas dos imágenes. Añadimos flechas para la siguiente/anterior imagen, configuramos el autoplay (reproducción automática) y desactivamos la navegación por miniaturas, los efectos al pasar el ratón, la caja de luz (lightbox) y la pausa al pasar el ratón. También desactivamos todas las funciones de carga diferida (lazy loading) y precarga (preload). No modificamos ninguna otra configuración y mantenemos los ajustes por defecto.

Para evitar que algún plugin obtenga ventaja por estar en la parte visible sin desplazarse (above the fold), colocamos una gran cantidad de texto de relleno en una página y ubicamos cada carrusel debajo de este texto. Con esto nos aseguramos que todos los pases de diapositivas estén fuera de la vista inicial.

Parámetros de rendimiento

Instalamos el plugin Code Profiler para medir el tiempo de ejecución de cada uno de los plugins. Realizamos esta medición en la página de prueba con todos los carruseles y repetimos la prueba 10 veces para calcular un tiempo de ejecución promedio.

Además del tiempo de ejecución, también medimos:

• El número y tamaño de los archivos CSS cargados por cada plugin.
• El número y tamaño de los archivos JS cargados por cada plugin.
• La profundidad máxima del DOM para cada carrusel.
• El tamaño del HTML de los carruseles individuales, medido por DebugBear.
• Si alguno de los plugins genera advertencias en PageSpeed Insights.
• El tiempo total de CPU del código JavaScript de cada plugin, medido por PageSpeed Insights. Cabe destacar que PSI no muestra todos los archivos JS cargados por la web, por lo que solo muestro en esta comparativa aquellos que PSI sí muestra.

¿Cuál es el plugin de slider más rápido? Los resultados

Acerca de la UX y UI…

Generalmente estoy en contra de las interfaces de usuario altamente personalizadas. Una interfaz altamente personalizada a menudo significa que WordPress tiene que cargar más CSS y/o JS, especialmente en la parte administrativa. Es comprensible que el autor quiera destacarse de la competencia, pero esto a veces resulta en que las páginas de administración de WordPress se vuelvan más lentas, especialmente la página de configuración respectiva. Por eso nos gusta Autoptimize, entre otros, porque sigue las directrices de interfaz de usuario nativas de WordPress. O Perfmatters, porque su interfaz personalizada es solo un poco diferente, nada exagerado.

Dicho esto, vemos dos tipos diferentes de plugins de slider gratuitos en esta comparación:

1. Plugins de carrusel que quieren ofrecerte tantas opciones como sea posible, donde puedes «construir» un carrusel con imágenes, texto y otros elementos.
2. Plugins de carrusel que quieren mantenerlo todo sencillo y directo; solo un carrusel de imágenes.

En el primer grupo encontramos Smart Slider 3 y Depicter.

• Depicter sigue claramente los pasos de Slider Revolution, incluso el diseño es un poco demasiado recargado (como con Slider Revolution). Sin embargo, parece que Depicter también sigue los terribles pasos de Slider Revolution en términos de rendimiento y consume mucha CPU en el navegador en comparación con sus competidores.

• Smart Slider 3, por otro lado, es excelente para aquellos que buscan un plugin de carrusel gratuito muy completo, pero al mismo tiempo no tan recargado. La interfaz está muy personalizada, pero es clara y lo suficientemente despejada como para no abrumar al usuario.

En el segundo grupo encontramos MetaSlider, WP Carousel y Robo Gallery.

• Como ya he mencionado, MetaSlider debería ser la primera opción para cualquiera que quiera un carrusel simple, que es lo que la mayoría de las personas realmente necesita. Se integra bien con WordPress, utiliza sus propios colores de marca, pero sigue la estructura y la mayoría de las directrices de WordPress.
• También es muy fácil de usar: solo tienes que añadir tantas diapositivas como desees y elegir los ajustes que quieras, tanto para cada carrusel como para el elemento carrusel principal.

• WP Carousel y Robo Gallery cumplen su función. Sin embargo, ambos parecen copias baratas de la competencia, y eso se debe principalmente al diseño, poco pulido o anticuado, diríamos.

Conclusión

En resumen, esta comparación de los plugins de carrusel gratuitos más populares destaca los aspectos de rendimiento que son especialmente importantes para la optimización de webs de WordPress.

Entre los candidatos, MetaSlider destaca por tener el mejor rendimiento en términos de optimización. Reduce significativamente la carga de CSS y JavaScript, lo que resulta en tiempos de carga más rápidos y una experiencia de usuario mejorada. Además, el tamaño mínimo de HTML y el uso eficiente de la CPU hacen de MetaSlider una excelente opción para quienes buscan una solución de carrusel ligera.

Smart Slider 3 también merece reconocimiento por su completo conjunto de características sin comprometer tanto el rendimiento (¡ten en cuenta su profundidad del DOM!). Personalmente, no me gustan mucho los carruseles porque perjudican el rendimiento, pero si quieres usar un carrusel con elementos adicionales (por ejemplo, encabezados), Smart Slider 3 es la opción adecuada. O aún mejor, consigue lo mejor de ambos mundos, rendimiento y características: ¡MetaSlider Pro!

¿Qué opinas? ¡No dudes en dejar un comentario con tus experiencias y favoritos!