Cómo optimizar tu web para dispositivos móviles

iniciomarketing digitaldiseño web SEO → Cómo optimizar tu web para dispositivos móviles

El móvil ya no está al margen. Si aún no estás pensando primero en el móvil, al menos deberías planteártelo. Repasemos datos convincentes que demuestran la importancia de centrarse en el rendimiento para dispositivos móviles.

La Web móvil está subiendo como la espuma. He aquí algunas cifras que muestran el rápido crecimiento de los negocios en la web móvil. El 55% de todo el tiempo que se pasa en sitios de comercio minorista tiene lugar en dispositivos móviles Esta cifra procede de un estudio de comScore. El 44% del tiempo que la gente pasa en sitios de venta al por menor lo hace en teléfonos inteligentes, y el 11% en tabletas.

Cada mes, el 1% de su tráfico de escritorio se convierte en tráfico móvil. Entre 2011 y 2013, los ingresos del comercio móvil en EE.UU. se triplicaron con creces. En 2013, el móvil generó el 16% de las ventas totales de comercio electrónico.

En 2017, esa cifra aumentará hasta el 26%.3 ¿Crees que un 26% suena a poco?

Si piensas que 113.000 millones de dólares es una cantidad insignificante de ingresos entonces sí. Las tasas de conversión de los móviles van a la caza de las de los ordenadores de sobremesa, pero las tabletas se están poniendo al día. A finales del año pasado, la tasa de conversión de los usuarios de teléfonos inteligentes era aproximadamente un tercio de la de los usuarios de ordenadores de sobremesa.

Las tabletas, sin embargo, se están poniendo al día con un 2,59%, la tasa de conversión de las tabletas en el último trimestre de 2013 había superado la tasa del primer trimestre de 2013 de los usuarios de ordenadores de sobremesa.Tasas de conversión por dispositivo.

En un estudio de mercado de febrero de 2014, descubrieron que el 57% de los consumidores acceden al sitio de una empresa tanto desde su PC como desde dispositivos móviles antes de comprar. Esto ejerce una gran presión sobre los desarrolladores de comercio electrónico para que garanticen una experiencia de usuario coherente en todas las plataformas.

Los sitios móviles no cumplen las expectativas de los usuarios

Teniendo en cuenta todas las estadísticas que acabamos de analizar, existe una clara desconexión entre el tiempo que los usuarios pasan en los sitios móviles de los comercios (55%) y el dinero que gastan durante ese tiempo (16%)5.

Hay varios factores que explican esta desconexión, pero uno fundamental es la velocidad de las páginas. La lentitud de las páginas es el principal problema del que se quejan los usuarios móviles, por encima incluso de las caídas del sitio.

La mayoría de los usuarios de móviles esperan que las páginas se carguen al menos tan rápido como se cargan en su PC. Tengo que dejar de sorprenderme cuando hablo con gente que asume que los usuarios de móviles se conformarán con tiempos de carga lentos, porque así es como gira el mundo de los móviles.

Esas personas no podrían estar más equivocadas, el 85% de los usuarios de móviles esperan que las páginas se carguen tan rápido o más que en el ordenador de sobremesa. Dos de cada tres usuarios de teléfonos inteligentes dicen que esperan que las páginas se carguen en 4 segundos o menos.

Las páginas lentas aumentan la frustración del usuario y disminuyen el compromiso durante las transacciones en línea Los usuarios móviles se ven afectados a nivel neurológico incluso por pequeños cambios en la velocidad de un sitio.

En un estudio de electroencefalografía (EEG)

En un estudio de electroencefalografía (EEG) que se realizó el año pasado, descubrimos que un retraso de 500 ms en la velocidad de conexión provocaba un aumento de hasta el 26% en el pico de frustración y una disminución de hasta el 8% en el compromiso del usuario. Los principales sitios no cumplen las expectativas de los usuarios móviles en cuanto a tiempos de carga inferiores a 4 segundos.

La mayoría de los usuarios pueden esperar tiempos de espera de 4 segundos o menos, pero nuestra investigación muestra que la mayoría de los sitios no pueden ofrecer este tipo de velocidad a los dispositivos móviles.

El año pasado, medimos los tiempos de carga de los 100 principales sitios de comercio electrónico, tanto de la versión completa como de la versión móvil en diversos teléfonos inteligentes y tabletas.

Descubrimos que incluso los sitios móviles que ofrecen una experiencia más rápida, en general no alcanzaban el umbral de 4 segundos de espera de los usuarios. 4,33 segundos es el tiempo medio de carga de los sitios móviles analizados.

Sólo el 2% de las versiones del sitio completo se cargaron en 4 segundos, siendo el tiempo medio de carga de casi 8 segundos y la mayoría de los sitios con diseño responsivo cargan en más de 10 segundos.

Un rendimiento deficiente de la Web móvil para el negocio

La desconexión entre las expectativas de los usuarios y la realidad del estado actual del rendimiento de la web móvil tiene un impacto medible en el balance final. Un rendimiento lento afecta a todas las métricas empresariales que preocupan a los propietarios de sitios web, desde el abandono de la cesta de la compra hasta la percepción de la marca.

La tasa de abandono de carritos de la compra en el móvil es un 39% superior a la tasa de abandono en el escritorio La tasa de abandono de carritos de la compra en el móvil es del 97%, frente al 70% de los carritos de escritorio. Esto nos dice que la gente utiliza sus carritos en el móvil, lo que es bueno, pero luego los abandona, lo que obviamente es malo.

El rendimiento lento es un factor crítico

El rendimiento lento es un factor crítico, al igual que la molestia de rellenar largos formularios de pedido.La tasa de abandono de carritos es mucho mayor en los dispositivos móviles.

Incluso un retraso de 1 segundo puede perjudicar las conversiones Incluso problemas de rendimiento aparentemente menores pueden tener un gran impacto en las métricas comerciales móviles.

Hace un tiempo, una agencia americana realizó un Split Testing durante 12 semanas, en el que se segmentaba el tráfico móvil de un comercio electrónico en cuatro grupos:

Un grupo de control totalmente optimizado, más tres grupos que fueron sometidos a retrasos HTML de 200 ms, 500 ms y 1000 ms.

Se midió el impacto de estos retrasos en:

  • La tasa de rebote
  • Conversiones
  • Tamaño del carrito
  • Páginas vistas

El retraso de 200 ms produjo resultados insignificantes, pero el impacto negativo fue mucho mayor con 500 ms y 1000 ms. El retraso de 1000 ms provocó un descenso del 3,5% en las conversiones, lo que supone un gran golpe para cualquier negocio.

Las métricas importantes del sitio se ven afectadas negativamente a medida que aumenta el retraso en la carga de la página. Las páginas lentas llevan a los compradores móviles a tus competidores.

Cuando su experiencia de compra va mal, los consumidores móviles no sólo abandonan sus carritos de la compra, sino que también se dirigen a tus competidores. Cuando se enfrentan a una experiencia de compra móvil negativa, hasta el 33% de los compradores móviles irán después al sitio de un competidor.

Para empeorar aún más las cosas, hasta un 30% no volverá nunca a tu sitio. Entre el 10% y el 30% de los compradores móviles no volverán nunca a un sitio si su experiencia es mala.

Las páginas lentas minan la salud general de la marca

En el mismo estudio que he citado antes, se pedió a todos los participantes en el estudio de EEG móvil sus impresiones sobre los sitios después de realizar las pruebas.

A continuación, introdujimos todos los descriptores de las entrevistas en un generador de nubes de palabras. Pensaban que simplemente estaban probando la funcionalidad general de cada sitio. Es fascinante ver que la nube de palabras del sitio más lento contiene casi tres veces más adjetivos negativos que el sitio más rápido.

Aunque algunos participantes captaron claramente el ligero deterioro del rendimiento lento y perezoso, los participantes también desarrollaron percepciones negativas de áreas que no están relacionadas con la velocidad.

Las páginas más lentas afectaron a la percepción de la gente sobre tres aspectos importantes del sitio que no están relacionados en absoluto con el tiempo de carga:

  • Contenido (“aburrido”)
  • Diseño visual (“hortera” y “confuso”)
  • Facilidad de navegación (“frustrante” y “difícil de navegar”)
  • Por qué la Web móvil es lenta

Aparte de las obvias limitaciones conocidas de los dispositivos móviles, CPU más pequeñas, velocidades de descarga de red más lentas, hay otros dos factores limitantes.

El tamaño de la página y la latencia

Aunque las páginas con diseño responsivo pueden ser rápidas, la mayoría no lo son ni siquiera en el escritorio. El diseño web responsivo es una forma estupenda de garantizar que tus páginas tengan un aspecto coherente en múltiples plataformas, pero no es necesariamente una forma estupenda de garantizar que tus páginas sean coherentemente rápidas en todas las plataformas.

En términos de rendimiento, la latencia es el tiempo que tarda el servidor en recibir y procesar una solicitud de un objeto de página.

La cantidad de latencia depende en gran medida de lo lejos que esté el usuario del servidor. La latencia móvil sólo es consistente en su inconsistencia, incluso cuando se mide en la misma ubicación. Esto se debe a una serie de variables que van más allá de la cantidad de datos que pasan por la torre.

Factores como el tiempo atmosférico, e incluso la dirección hacia la que mira el usuario, pueden tener un impacto significativo. Una página típica puede contener fácilmente 100 o más recursos, por lo que toda esta latencia se acumula rápidamente.

Por eso el experto en rendimiento de Google Ilya Grigorik ha afirmado que si estás diseñando para móviles, es seguro asumir que vas a incurrir en 2000ms de latencia 3G.

¿Qué puedes hacer para ofrecer a tu público móvil la experiencia de usuario que exige? Existen varias técnicas para optimizar el rendimiento móvil.

Algunas de estas técnicas, como comprimir y consolidar recursos, pueden ayudar tanto en los problemas de los móviles como en los de los ordenadores de sobremesa.

Otras, como aprovechar el cacheado del móvil como solución para las cachés más pequeñas de los navegadores móviles, se centran específicamente en mejorar la experiencia móvil.

¿Necesitas ayuda para acelerar tu sitio web?

Somos expertos en optimización y mejora de la velocidad web, no solo desarrollamos web de alta performance sino que te podemos ayudar a optimizar la web existente de tu negocio.

¿Quieres empezar ahora? Puedes reservar una videollamada con nuestro equipo para ayudarte a diseñar una campaña que te ayude a generar más ingresos.

Más artículos sobre diseño web:

  • Cómo hacer la arquitectura de una página web

    Cuando empecé a escribir sobre arquitectura de sitios web, me vino a la mente la idea de un proyecto de construcción de un rascacielos. Pensé en un enorme rascacielos con restaurantes, tiendas, oficinas, gimnasios y espacios …
  • Consejos sencillos para un lanzamiento web

    El proceso de lanzar un nuevo sitio web no es tarea fácil. Seguro que hay cientos de cosas que tienes que tener en cuenta. Aunque pueda parecer una tarea imposible, cualquier cosa en esta vida que se pueda hacer paso a paso …
  • Tipos de storytelling a implementar en tu web

    Contar historias, cuando se hace bien, puede mover a la gente a pasar a la acción. La forma en que contamos historias ha evolucionado drásticamente a lo largo del tiempo. Constantemente encontramos nuevos métodos para preservar y …
  • Optimiza la tasa de conversión de tu sitio web

    Es un hecho que cuando la gente contrata a un diseñador web, no sólo quiere un sitio web, quiere un sitio web que haga algo, un objetivo tiene en mente seguro. Puede haber un mundo de diferencia entre estas dos cosas. La acción o …
  • Wix vs Wordpress, cuál es la diferencia entre ellos

    ¿Cuál es la diferencia entre WordPress y Wix? ¿Te estás debatiendo entre utilizar WordPress o Wix para crear el sitio web de tu empresa? Si es así, no estás solo. Elegir el creador del sitio web de tu empresa es una gran …
  • Cómo hacer el Wireframe de una página web

    La mayoría de los diseñadores esbozan sus diseños de una forma u otra, aunque sólo sea haciendo bocetos rápidos en un papel de borrador. El wireframe es una parte importante del proceso de diseño web, especialmente en los …