Saltar al contenido

Repensar los controles deslizantes y los carruseles

¿Utiliza un control deslizante/carrusel en su página de inicio? Descubra por qué esta característica polarizadora puede no ser la solución más óptima para su sitio web.

Visión general

Los controles deslizantes y los carruseles son omnipresentes en Internet, ya que representan una gran característica visual para mostrar contenido en su página de inicio. Sin embargo, muchos propietarios de sitios web a menudo pasan por alto sus implicaciones de rendimiento.

El simple uso de controles deslizantes para mostrar la mayor cantidad de contenido posible en la parte superior de la página de inicio puede no ser el mejor enfoque, no solo en términos de rendimiento, sino también en términos de experiencia del usuario y efectividad general.

En este artículo, presentaremos ambos lados del argumento y explicaremos por qué debería revisar la estrategia de su sitio web si está utilizando controles deslizantes y carruseles.

Ventajas de usar controles deslizantes

Primero, veamos algunos beneficios que se obtienen al agregar controles deslizantes a su página:

1) Agregue fácilmente múltiples títulos de contenido en la página de inicio

Los controles deslizantes/carruseles son útiles cuando tiene varios titulares clave para presentar.

Los controles deslizantes le permiten presentar fácilmente múltiples titulares para que más publicaciones/historias obtengan la «facturación superior» en la página de inicio

Por ejemplo, los sitios web de noticias, las revistas en línea, los sitios de reseñas, etc. son buenos candidatos para los controles deslizantes porque los visitantes esperan ver un flujo de contenido diferente.

2) Mostrar más contenido en la página

Similar al punto anterior, los controles deslizantes/carruseles pueden ayudarlo a incluir más contenido en general en su página de inicio.

Los controles deslizantes facilitan la visualización de más contenido en general en su página, especialmente cuando tiene que mostrar promociones o las últimas actualizaciones.

Cada departamento (por ejemplo, ventas, marketing, etc.) puede tener un lugar en la página de inicio, a su vez “satisfaciendo al comité» como un todo.

Otro beneficio es presentar fácilmente las promociones de venta o las últimas actualizaciones al frente y al centro de su página para que sea una de las primeras cosas que vean los visitantes.

3) Agregue fácilmente movimiento dinámico a la página

Muchos controles deslizantes/carruseles le permiten agregar fácilmente alguna forma de movimiento dinámico a su página (por ejemplo, animaciones, efectos especiales, reproducción de video, etc.)

Los controles deslizantes facilitan la adición de movimiento dinámico a su página, como animaciones, transiciones y efectos especiales sofisticados.

Esto suele ser muy atractivo para los propietarios de sitios web, que pueden sentir que la naturaleza animada capta la atención de los visitantes (potencialmente un mito, como explicamos a continuación).

Contras de usar controles deslizantes

Hay muchas desventajas en el uso de controles deslizantes. A continuación enumeramos los más importantes:

1) Peor rendimiento del sitio

Este es fácilmente el mayor inconveniente de usar controles deslizantes/carruseles, y es la razón principal por la que muchos están en contra de usarlos.

Leer tambien  $ 1 millón en ventas después - Revisión de 2021 -

Así es como los controles deslizantes afectan el rendimiento de su sitio:

a) Más solicitudes, más demandas y más ejecución de scripts

Los controles deslizantes y carruseles generalmente requieren código CSS y JavaScript adicional para su funcionalidad, lo que aumenta la cantidad de solicitudes generales necesarias para cargar su página (imágenes, CSS, JavaScript).

Más CSS suele equivaler a más comportamiento de bloqueo de representación, lo que amplía el tiempo de pintura con contenido más grande (LCP) de su página.

Mientras tanto, un mayor tiempo de ejecución de JavaScript puede provocar un bloqueo excesivo del subproceso principal, lo que afecta el tiempo total de bloqueo (TBT) de su página.

Los controles deslizantes empeoran el rendimiento del sitio en general; por lo general, extienden LCP y TBT.

Algunos controles deslizantes también se involucran en un comportamiento potencialmente problemático al solicitar imágenes repetidamente, lo que no solo retrasa el tiempo necesario para terminar de cargar su página, sino que también aumenta los costos de datos para sus visitantes móviles.

Hemos visto casos en los que GTmetrix no pudo analizar algunas páginas con controles deslizantes porque algunos scripts siguen solicitando imágenes hasta el punto en que Lighthouse no puede determinar un tiempo de Interactividad (TTI) para la página, antes de nuestro punto de corte de prueba.

b) Gran demanda de recursos en la mitad superior de la página

Si tiene un control deslizante como el punto focal de su página de inicio (es decir, el LCP), es probable que tenga un efecto perjudicial en el rendimiento porque el navegador necesita trabajar mucho para representar los diversos elementos.

Esto significa procesar CSS para determinar el estilo, cargar varias imágenes para mostrar y ejecutar JavaScript para agregar funcionalidad dinámica, todo en un área clave de su página.

Es probable que esto amplíe el LCP de su página, ya que el navegador tiene que hacer todo lo anterior antes de que sus visitantes puedan ver la imagen del banner en su página.

Especialmente cierto para los controles deslizantes sofisticados: las animaciones, las imágenes múltiples y otros efectos especiales pueden ampliar significativamente su LCP debido a la gran demanda de recursos en la parte superior de la página que se impone a los navegadores de sus visitantes.

Si la funcionalidad de su control deslizante implica algún tipo de animaciones o efectos especiales y/o varias imágenes, podría empeorar aún más las cosas, como los fundidos de entrada lentos, las transiciones y las representaciones de lienzo en blanco, que se sabe que retrasan excesivamente el LCP.

2) Los controles deslizantes no son efectivos

Incluso si puede aceptar el impacto en el rendimiento (que no debería), los controles deslizantes a menudo no son la forma más efectiva de mostrar contenido en su página. Describimos algunas razones por las cuales:

Leer tambien  Cómo implementar HREFLANG con WordPress -

a) Falta de compromiso

Los controles deslizantes prácticamente ofrecen poco o ningún compromiso más allá de la primera diapositiva.

Tasa de clics del control deslizante en el sitio web de la escuela de Notre Dame Fuente: Erik Runyon

Incluso cuando consideras las primeras diapositivas, los estudios han demostrado que los usuarios apenas interactúan con ellos, como lo demuestran las tasas de clics extremadamente bajas.

b) Falta de claridad / Frustración del usuario

Múltiples diapositivas no son la mejor manera de mostrar claramente su propuesta de valor clave. Con demasiada frecuencia, vemos controles deslizantes que contienen demasiados mensajes, lo que resulta en un enfoque poco claro.

Además, también pueden eliminar el control de sus visitantes, especialmente cuando tiene las diapositivas en reproducción automática. En algunos casos, la duración hasta la siguiente diapositiva puede ser demasiado breve para el visitante, lo que hace que se pierda el mensaje.

Demasiados mensajes y muy poco tiempo entre diapositivas pueden hacer que los usuarios simplemente ignoren los controles deslizantes por completo.

Combinados con controles deslizantes que no tienen una estructura de navegación universal (algunos usan flechas, otros usan puntos, algunos requieren que deslices, algunos no tienen navegación en absoluto), los controles deslizantes ciertamente pueden frustrar a tus visitantes hasta el punto en que simplemente los ignoran por completo.

Ceguera de pancarta es una forma de atención selectiva en la que algunos visitantes ignoran la información presentada en los banners, generalmente porque pueden parecerse a anuncios.

Se sabe que los controles deslizantes evocan el mismo efecto, y los visitantes pueden omitirlos por completo porque les da la impresión de que son anuncios.

La eliminación de los controles deslizantes y el uso de una imagen de héroe estática con mensajes impactantes a menudo pueden transmitir su mensaje de manera más efectiva.

d) Accesibilidad Reducida

Los controles deslizantes pueden reducir la accesibilidad para algunos visitantes, según el tipo de control deslizante que se utilice. El control deslizante puede moverse demasiado rápido para visitantes con bajo nivel de alfabetización, movilidad reducida o problemas de visión.

Una imagen estática es más efectiva ya que la falta de movimiento no genera los mismos problemas y los visitantes pueden tomarse su tiempo para leer y captar el contenido presentado a su propio ritmo.

3) Problemas en Dispositivos Móviles

Todos los problemas relacionados con el uso del control deslizante de escritorio también están presentes en los dispositivos móviles. Algunos de los problemas (p. ej., el impacto en el rendimiento, la frustración del usuario) pueden incluso exacerbarse en dispositivos móviles debido a hardware de menor potencia y ventanas de visualización más pequeñas.

Leer tambien  Optimización de la mente de búsqueda: no la ignore

Los controles deslizantes pueden plantear algunos problemas adicionales en los dispositivos móviles si no siguen un diseño receptivo.

Las imágenes del control deslizante con texto incrustado pueden hacer que el texto sea ilegible en las pantallas móviles.

Básicamente, las imágenes del control deslizante deben dimensionarse (o cambiarse de tamaño) para pantallas más pequeñas y, si contienen texto, cambiar el tamaño de las imágenes para pantallas móviles podría hacer que el texto sea ilegible.

4) Impacto potencial de SEO

Hay dos cosas principales aquí que pueden afectar la clasificación SEO de su sitio.

  • Primero, si la imagen de su control deslizante contiene texto, los motores de búsqueda no pueden rastrearlo.
  • En segundo lugar, dado que los controles deslizantes pueden afectar negativamente el rendimiento de su sitio como se mencionó anteriormente, sus Web Vitals pueden sufrir.

usos de google Web Vitals como una de las muchas señales en su algoritmo de clasificación del motor de búsqueda.

Si los Web Vitals de su sitio no son lo suficientemente buenos, entonces la clasificación de su motor de búsqueda puede verse afectada, lo que puede resultar en un tráfico del sitio potencialmente más bajo y menos participación/conversiones.

Resumen

Los controles deslizantes y los carruseles pueden parecer sofisticados, pero a muchos les desagradan debido a sus muchos inconvenientes de rendimiento y UX, y al hecho de que no son excelentes para la participación del usuario, las conversiones y/o el SEO.

Además, los controles deslizantes se utilizan a menudo para mostrar la mayor cantidad de información posible, lo que puede distraer a los visitantes y no transmitir un mensaje claro.

Con los inconvenientes superando en número a los beneficios, revise su estrategia para usar controles deslizantes en su sitio.

Otras lecturas

Hemos tratado de explicar objetivamente por qué debería repensar el uso de controles deslizantes y carruseles en su sitio. Sin embargo, dependiendo de a quién le pregunte, puede obtener opiniones más sólidas que se inclinen por aceptar el uso del control deslizante o eliminarlo por completo.

A continuación hay algunos artículos más sobre si debe usar controles deslizantes y carruseles en su sitio:

Mantenga el rendimiento de su sitio en la parte superior de su mente

Salpicadura de monitoreo PRO

Obtenga más pruebas a pedido, espacios monitoreados y ubicaciones de prueba premium junto con pruebas por hora con un plan GTmetrix PRO.

Otras características incluyen: Acceso prioritario a la cola, Pruebas móviles, Monitoreo de ubicaciones remotas (incluidas ubicaciones premium) ¡y más!

Actualice a PRO hoy

Deja una respuesta

Tu dirección de correo electrónico no será publicada.