Guía para mejorar la velocidad de tu sitio y garantizar una asistencia online perfecta

QUOMA | Guía para mejorar la velocidad de tu sitio y garantizar una asistencia online perfecta

Cuando navegan un sitio, los usuarios siempre están buscando algo: información precisa sobre un producto, inspiración antes de realizar una compra o algún tipo de interacción. Un segundo de demora durante ese recorrido puede afectar en más de un 20% a la conversión. Por este motivo, brindar una experiencia digital ágil, sin fricciones y de calidad es tan esencial. En esta nota descubrí qué herramientas utilizar y qué parámetros medir para garantizar una asistencia online perfecta.

Paso 1: sitios móviles, ¿Por qué importa la velocidad?

Cada vez más consumidores acuden a sus smartphones para buscar información, ir a algún lugar o realizar sus compras. De hecho, hoy en día, el 90% de los latinoamericanos eligen estos dispositivos para acceder a Internet. Además, se han vuelto más exigentes que nunca: no solo evalúan sus experiencias en los sitios comparándolas con las de las páginas de la competencia, sino también con las de los mejores servicios que utilizan a diario.

Sin lugar a dudas, la velocidad importa. Según un reporte de la compañía multinacional Ericsson, el estrés causado por un sitio móvil lento es similar al de ver una película de terror o resolver un problema matemático, e incluso mayor al de hacer la fila para pagar en un supermercado. Estos retrasos no solo causan frustración, sino que pueden impactar negativamente en los resultados de los negocios. Por ejemplo, el 53% de los latinoamericanos abandonan una página que tarde más de 3 segundos en cargar.

Sobre la base de estos insights, muchas marcas ya comenzaron a optimizar la velocidad de carga de sus sitios móviles para potenciar sus negocios. Tu marca ¿ya comenzó? 

Paso 2: ¿Qué es la velocidad?

Sabemos que la velocidad importa, pero ¿qué significa exactamente tener un sitio web responsivo? Es habitual escuchar a las personas decir que su página se visualiza en la pantalla en una cantidad determinada de segundos, pero su carga no puede resumirse en un solo momento: es una experiencia que ninguna métrica es capaz de capturar en su totalidad.

Existen múltiples momentos durante dicha vivencia que afectan a la percepción del usuario sobre si un sitio es “rápido”. Si solo te focalizas en uno de ellos, existe la posibilidad de que pases por alto otras experiencias negativas que pueden estar teniendo lugar durante el resto del tiempo.

En lugar de medir la velocidad de carga de tu sitio con un indicador, tu marca debe cronometrar cada momento que influye en la percepción que el usuario tiene sobre la agilidad de este.

Las métricas de rendimiento tradicionales –como el tiempo de carga o el DOMContentLoaded– ya no son confiables. El motivo es que pueden tener lugar –o no– durante estos hitos de retroalimentación con el usuario. Así, han surgido otras adicionales que pueden ser usadas para entender cuándo una página les ofrece a sus visitantes aquello que buscan.

Es importante comprender los diferentes insights que ofrecen estas métricas para, así, establecer cuáles son las más importantes para la experiencia de los usuarios en tu sitio. Incluso, hay marcas que definen otras complementarias y específicas a las expectativas que las personas tienen para con su servicio.

En el caso de Pinterest, los usuarios quieren ver imágenes. Por eso, desde la compañía establecieron una métrica personalizada llamada Pinner Wait Time que combina el Tiempo con lo Interactivo y el tiempo de carga de la imagen.

A pesar de que la carga de un sitio es más de un momento, todavía puede ser útil tener una única métrica con el propósito de conseguir reportes simplificados o comparar: el Índice de velocidad y la puntuación de Lighthouse pueden ser utilizados en esta dirección.

Paso 3: ¿Cómo medir la velocidad de los sitios móviles?

Los sitios móviles que cargan un segundo más rápido pueden obtener hasta un 27% más de conversiones y disminuir un 36% la tasa de rebote. No obstante, aquellos especialistas en marketing que estén interesados en optimizar su velocidad deben considerar que su rendimiento varía en función de distintos factores, tales como los dispositivos o las conexiones de red. Por ejemplo, si un usuario visita una página con el wifi de su oficina o utiliza el de una cafetería, lo más probable es que sus experiencias sean muy distintas.

Hoy en día existen muchas herramientas que posibilitan la recopilación de datos para evaluar el rendimiento de los sitios móviles. Si estás preparado para comenzar a tomar la velocidad de carga de tu página como métrica clave para el crecimiento de tu marca, a continuación te ofrecemos varias propuestas:

  • Lighthouse 
  • WebPage Test
  • PageSpeed Insights

El 53% de los latinoamericanos abandonan un sitio móvil que tarde más de 3 segundos en cargar. Entonces, ¿qué estás esperando para sacarles el máximo provecho a estas herramientas de medición y empezar a optimizar la velocidad de tu página?

Paso 4: claves para mejorar la velocidad de los sitios web

Las métricas que nos interesan como especialistas de marketing están influenciadas por múltiples factores, muchos de los cuales pueden mejorarse implementando las mejores prácticas. Por ejemplo, al cargar imágenes en un tamaño adecuado se pueden agilizar hasta 1,54 segundos en la velocidad de carga. Asimismo, se pueden ahorrar segundos al eliminar bloqueadores de visualización o al ofrecer imágenes en formatos de nuevas generaciones, entre otras.

A la hora de volver más veloces los sitios, ningún esfuerzo es en vano. En Web.dev, una plataforma de Google, los desarrolladores pueden encontrar múltiples recursos para empezar a construir las webs del futuro.

AMP, aliada para alcanzar resultados

De acuerdo con un estudio realizado por Google, cerca del 50% de las marcas afirman que las plataformas móviles son una prioridad en su estrategia, pero siguen encontrando barreras a la hora de avanzar en este sentido. De la mano de las Accelerated Mobile Pages (AMP) –un proyecto de código abierto para procesar páginas y publicar contenido de manera instantánea–, las compañías pueden acelerar sus sitios con total facilidad.

Si bien AMP es veloz en sí misma, las empresas que quieran ir un paso más allá pueden acelerar todavía más la velocidad de carga de sus sitios web móviles almacenando su caché en la misma funcionalidad.

Pero con esta herramienta no solo se alcanzan m-sites más veloces, sino también mejores niveles de usabilidad. Combinándola con Google Ads, AMP logra ofrecer al usuario una experiencia más amigable en las páginas de destino, otro de los factores que entran en juego a la hora de medir el nivel de calidad de estas. Si tu marca está preparada para comprobar la efectividad de AMP, aquí encontrarás todo lo necesario para ponerte a las alturas de las nuevas demandas de tus actuales y potenciales clientes.

Paso 5: ¿Cómo mantenerlos siempre rápidos?

Las marcas que se preocupan por mejorar la velocidad de carga de sus sitios web móviles, a menudo encontrarán que retroceden rápidamente. Esto sucede porque optimizar el rendimiento de un m-site es muy similar a ponerse en forma: no alcanza con hacer actividad física solo una vez; se trata de cambiar el estilo de vida.

Una buena estrategia para abordar esta problemática es con un presupuesto de performance. Se trata de un conjunto de límites impuestos a ciertas métricas que afectan el rendimiento del sitio web. Por ejemplo, el tamaño total de una página, el tiempo que tarda en cargarse en una red móvil o, incluso, la cantidad de solicitudes HTTP enviadas.

Una vez establecido el presupuesto de performance se le debe aplicar uno de rendimiento. Esto significa, por ejemplo, incorporar este último al proceso de creación y de reporte. 

Con informes periódicos a través de paneles o informes de resumen se pueden mejorar la visibilidad y la rendición de cuentas de la empresa. Compañías como Pinterest, por ejemplo, implementaron con éxito presupuestos de performance para asegurarse de que sus experiencias se mantuvieran rápidas.

Funte: thinkwithgoogle