Corregir de manera multidisciplinaria la velocidad del sitio web

Cómo otros departamentos pueden ayudar a que tu proyecto de optimización de la velocidad del sitio web sea un éxito aún mayor.

Lina Hansson

Un mito común relacionado con la velocidad del sitio es que solo es responsabilidad del equipo de desarrollo. La realidad es que un sitio rápido requiere la ayuda de varios departamentos. Los desarrolladores rara vez pueden resolver los problemas por su cuenta, sin importar qué tan talentosos sean. Entonces, ¿cómo corriges la velocidad junto con tus colegas? En este artículo, se explica cómo tú (como desarrollador web) puedes convencer a tu empresa para que priorice la velocidad del sitio, obtenga ayuda de diferentes departamentos mientras realizas la optimización y aumente el conocimiento del éxito de tu proyecto de optimización.

Corrige la velocidad con la ayuda de las partes interesadas de tu empresa

Muchas empresas se encuentran en medio de un cambio disruptivo en el comportamiento de los consumidores, en el que el crecimiento de las personas que compran en plataformas digitales en lugar de tiendas físicas indica que las empresas deben adaptarse rápidamente o arriesgarse a enfrentar una disminución de los ingresos. Esto requerirá nuevos procesos y mentalidades organizativos, así como una gran aceptación de las partes interesadas para tener éxito.

El desafío compartido

Es probable que la forma en que las empresas se organizan deba cambiar en varios niveles. En primer lugar, un proyecto de velocidad, con el aumento potencial de los ingresos que puede generar, será difícil de realizar sin que los desarrolladores tengan tiempo para trabajar en él. La asignación de recursos debe estar en su lugar, y la colaboración con otros departamentos, como el de marketing y los diseñadores web, a menudo será más fluida si las partes interesadas y los ejecutivos demuestran que es un proyecto prioritario.

Además de este nivel operativo, también es importante que las partes interesadas comprendan que se están produciendo dos cambios en este momento:

Esto significa que las empresas que tomen decisiones ejecutivas con información de las personas que son expertas en plataformas digitales tendrán una ventaja. Por lo tanto, una sugerencia podría ser invitar a un desarrollador a las reuniones en las que se toman decisiones comerciales para garantizar que el sitio y sus limitaciones se tengan en cuenta desde el principio y, de esa manera, garantizar un aumento de las ventas.

Envía una propuesta a las partes interesadas

En general, alrededor del 10% de las ventas se realizan en plataformas digitales, pero los estudios muestran que hasta el 85% de las ventas en tiendas físicas primero se ven influenciadas digitalmente. Por lo tanto, tener un sitio que funcione bien, en especial en dispositivos móviles (que se están convirtiendo en el dispositivo principal), es fundamental para los ingresos de nuestra empresa. Proponemos un proyecto de velocidad que ayudará al sitio a aumentar las conversiones y a establecer flujos de comunicación para que las estadísticas de los equipos técnicos se puedan aprovechar mejor antes de tomar decisiones que afecten al sitio.

Prepárate para la reunión con las partes interesadas

Antes de reunirte con las partes interesadas, asegúrate de tener datos de tu sitio web y de los sitios de tus competidores, y datos que demuestren un ROI alto para los cambios que sugieres. Recopila datos sobre la importancia de la velocidad. La mejor situación es si está conectado a los ingresos de la empresa. Estas son algunas formas de lograrlo:

  • Calcula tu porcentaje de conversiones móviles relativo. Trabaja con tu equipo de estadísticas y realiza el análisis que se describe en El valor de la velocidad. Si, históricamente, tienes un período (al menos de 2 a 3 meses) en el que los tiempos de carga fueron mucho más altos que en otro período de la misma duración, la velocidad lenta del sitio suele afectar en gran medida las conversiones en dispositivos móviles. A través del análisis, puedes calcular cuántos ingresos perdió la empresa durante el período de mala velocidad, lo que demuestra el valor de la velocidad. Si los tiempos de carga se mantuvieron aproximadamente en el mismo nivel, será difícil realizar el análisis y las siguientes alternativas pueden brindar más respuestas.
  • Estima el valor de la velocidad a partir de modelos estadísticos. Con la ayuda de TestMySite de Google, puedes ejecutar una prueba y, luego, calcular el impacto que un sitio más rápido puede tener en tu empresa. Todo lo que necesitas son datos sobre la cantidad promedio de visitantes por mes, el porcentaje de conversiones y el valor promedio del pedido, con los que tu equipo de estadísticas puede ayudarte.
  • Proporciona casos de éxito de prácticas recomendadas. También puedes usar casos de otras empresas que aceleraron su sitio y vieron el efecto. En Cómo el tiempo de carga de la página afecta los porcentajes de conversiones: 12 casos de éxito, se proporcionan algunos ejemplos.
  • Muestra la importancia de los dispositivos móviles. Pídele al equipo de estadísticas que te proporcione datos sobre qué porcentaje de tu tráfico proviene de dispositivos móviles en comparación con computadoras de escritorio.
  • Investiga cuánto costará. Los cálculos anteriores son formas de mostrar a las partes interesadas el posible aumento de los ingresos a partir de la velocidad, pero, para que las partes interesadas tomen decisiones, deben conocer el ROI. Por lo tanto, si te presentas preparado con un costo estimado, se puede llegar a la decisión ejecutiva más rápido. Para ello, evalúa cuánto tiempo llevará el proyecto inicial de velocidad enfocada y cuánto tiempo necesitarás para el mantenimiento después. Por ejemplo, en Fast-forward thinking: TUI speed up their site by breaking down silos, a los desarrolladores se les asignó un 20% de su tiempo libre de listas de tareas pendientes y campañas, que podrían dedicar a acelerar proyectos y otras formas de mejorar el sitio.

Reunión con las partes interesadas

  • Presenta cuánto tráfico obtienes de los dispositivos móviles en comparación con las computadoras de escritorio, y el crecimiento que tuviste en los últimos años. Esto demuestra la importancia de crear una excelente experiencia en dispositivos móviles.
  • Presenta tus conclusiones sobre cómo la velocidad influye en los ingresos de la empresa.
  • Infórmales a las partes interesadas que los desarrolladores pueden ayudar a aumentar los ingresos de los visitantes que usan dispositivos móviles si se les da tiempo para trabajar en la velocidad de forma continua.
  • Sugerir que se invite a una persona del equipo de desarrollo a las reuniones ejecutivas en las que se tomarán decisiones sobre el sitio Hoy en día, vendemos en plataformas digitales. Las ganadoras serán las empresas que comiencen a comunicarse con sus expertos digitales. Las empresas modernas deberán tener flujos de comunicación establecidos entre los departamentos y entre las partes interesadas y los desarrolladores. Un estudio de Harvard Business Review mostró que uno de cada seis proyectos de TI tiene un sobrecosto del 200%. Un ejemplo es Kmart, que estaba perdiendo su posición competitiva frente a Walmart y Target cuando comenzó su proyecto de modernización de TI de USD 1,400 millones en 2000. Si configuras la comunicación y el mantenimiento con anticipación, se pueden derrumbar los silos y el intercambio de conocimientos puede convertirse en una ventaja competitiva.

Corrige la velocidad con la ayuda de tu equipo de marketing

El desafío compartido

Los equipos de marketing necesitan herramientas para administrar los anuncios y los datos para tomar decisiones fundamentadas, pero la mayoría de las herramientas ralentizan los sitios web y, a menudo, se implementan con secuencias de comandos que bloquean la renderización, lo que hace que los visitantes que ingresan al sitio deban esperar hasta que vean algo en la pantalla. Por lo tanto, es necesario lograr un equilibrio. El departamento de marketing necesita datos y herramientas, pero para que el sitio tenga tasas de rebote bajas y tasas de conversión altas, debe ser rápido, de modo que el marketing obtenga un buen retorno de sus inversiones.

Para lograr el equilibrio, debes tener cuidado con las secuencias de comandos:

  • Evita los duplicados que miden aproximadamente lo mismo.
  • Quita las herramientas que ya no se usen.
  • No midas los elementos que serían "buenos tener". Solo mide los aspectos fundamentales para la empresa.

Dado que es difícil para los desarrolladores saber de qué depende el departamento de marketing y que es posible que este no sepa qué herramientas son especialmente pesadas para el sitio, debes colaborar.

Envía una propuesta a tu equipo de marketing

Las herramientas que se usan para el seguimiento y los anuncios suelen bloquear la rapidez con la que los visitantes ven el contenido cuando ingresan al sitio. Esto reduce el valor de las inversiones de marketing, ya que pagamos por los anuncios, a las personas les interesan, hacen clic, pero luego tienen que esperar. Esto puede provocar que se moleste y se vaya. Un estudio descubrió que el porcentaje de conversiones disminuyó de alrededor del 50% a alrededor del 35% cuando la métrica de velocidad Tiempo hasta la interacción aumentó de 0.15 s a 0.3 s. ¿Podemos trabajar juntos para resolver este problema y crear un equilibrio entre las herramientas que necesitas y el rendimiento del sitio, lo que aumentará el retorno de las inversiones de marketing?

Prepárate para la reunión con tu equipo de marketing

  • Crea una lista de las secuencias de comandos que se implementan en el sitio.
  • Envía la lista al equipo de marketing y pídeles que la revisen con anticipación y la ordenen en tres grupos:
    • Fundamental para la empresa. Estas secuencias de comandos deben permanecer.
    • Deseable: Secuencias de comandos que se podrían usar menos o quitar. Por ejemplo, a veces las empresas recopilan mapas de calor o grabaciones de pantalla, pero es posible que los datos solo se revisen con poca frecuencia y no generen acciones ni un aumento de las conversiones. En casos como estos, puede ser mejor aceptar ejecutar las herramientas solo durante (por ejemplo) dos semanas, recopilar las estadísticas para el análisis y, luego, limpiar las secuencias de comandos hasta que llegue el momento del próximo período de recopilación de datos enfocada.
    • No se usan o no son de tu propiedad. Se deben quitar.
  • Compara la velocidad del sitio con y sin la secuencia de comandos para verificar cuánto ralentiza tu sitio. En WebPageTest, esto se puede configurar a través de la pestaña Bloquear en Configuración avanzada. También puedes bloquear las solicitudes de red en las Herramientas para desarrolladores de Chrome.

Reunión con tu equipo de marketing

  • Revisa la lista de secuencias de comandos y da tu opinión sobre cada una. Por ejemplo, ¿alguna de las secuencias de comandos que son convenientes son muy dañinas para el rendimiento del sitio? Cuando recibes recomendaciones, es más fácil para el equipo de marketing establecer prioridades y, cuando escuchas sobre lo que es fundamental para ellos, es más fácil comprender su punto de vista.
  • Analiza los siguientes temas:
    • ¿Los beneficios de los datos recopilados generan un aumento en las conversiones que supera la disminución causada por la lentitud del sitio? Los datos pueden guiar la decisión.
    • ¿Tu empresa eligió un proveedor que tenga la versión más rápida de la herramienta en el mercado? Es posible que el departamento de marketing necesite ayuda de los desarrolladores para determinar si las herramientas fundamentales para la empresa se pueden reemplazar por alternativas más rápidas.
    • ¿Hay alternativas para alguna de las secuencias de comandos del sitio? Por ejemplo, en lugar de los mapas de calor, es posible que puedas comenzar a realizar pruebas de usabilidad en las que también obtengas información sobre el "por qué" detrás del comportamiento de los usuarios, lo que suele generar estadísticas más detalladas.

Acuerda los próximos pasos

  • Decide qué proceso seguir. ¿El equipo de marketing siempre debe pedirles a los desarrolladores que revisen las herramientas nuevas y su impacto en la velocidad antes de la implementación? ¿O el equipo de marketing debería obtener un presupuesto de rendimiento en el que aprenda a verificar la velocidad y pueda priorizar las herramientas que desee, siempre que cumpla con el objetivo de velocidad?

Corrige la velocidad con la ayuda de tu equipo de diseño web

Uno de los mayores desafíos del rendimiento web es que, si bien la conectividad puede ser más rápida en muchas regiones, los sitios web se vuelven más pesados y, como resultado, más lentos. Los desarrolladores deben colaborar con los diseñadores web para resolver este problema.

El desafío compartido

En última instancia, todos los departamentos de una empresa suelen depender del sitio que genera conversiones, ya sea para generar ingresos o para cualquier otro fin. Y la dura realidad es que no importa lo hermosas que sean las páginas web si tardan tanto en cargar que las personas no se quedan para verlas.

Sin embargo, las páginas web livianas son una responsabilidad compartida. Los desarrolladores pueden usar varias técnicas de optimización de imágenes para que se carguen más rápido. Los diseñadores web pueden crear páginas que ayuden a mantener el peso de la página por debajo de un nivel acordado.

Envía una propuesta a tu equipo de diseño web

Los estudios demuestran que las páginas con menos imágenes y menos elementos generan más conversiones. Por ejemplo, un estudio de Google y SOASTA reveló que las sesiones que generaron conversiones tenían un 38% menos de imágenes que las sesiones que no generaron conversiones. ¿Podemos trabajar juntos para alcanzar los objetivos de velocidad y establecer una colaboración conjunta que pueda aumentar las conversiones en el sitio? Algunos ejemplos de lo que podemos lograr juntos son encontrar el nivel correcto de compresión de imágenes con un equilibrio entre calidad y velocidad, o reducir los diseños o las funciones complejos que a menudo generan sitios pesados y lentos.

Prepárate para una reunión con tu equipo de diseño web

  • Hacer un seguimiento de qué páginas del sitio tienen el tiempo de carga y el peso más altos Por ejemplo, si trabajas con un sitio de comercio electrónico, asegúrate de revisar no solo la página principal, sino también las páginas de la campaña, algunas de las páginas de categorías más grandes, algunas de las páginas de productos y el flujo de confirmación de la compra.
  • Prepara una propuesta de presupuesto de rendimiento para los diseñadores. Una alternativa es comenzar lo más simple posible con el peso de la página como métrica y establecer 1 MB como objetivo para todas las páginas (o 1.5 MB si el desarrollo de la marca es muy importante para las conversiones).
  • Prepara una lista de las páginas que superan el nivel de peso de página objetivo.

Reunión con tu equipo de diseño web

  • Compromete a investigar cómo el equipo de desarrollo puede entregar imágenes más rápido a través de varias técnicas de optimización de imágenes, como la compresión de imágenes, las imágenes responsivas, el cambio de tamaño de las imágenes, la carga diferida, el almacenamiento en caché y la optimización del servidor.
  • Crea una página de prueba en la que las imágenes se publiquen en diferentes calidades y dimensiones, y acuerda un nivel que equilibre el rendimiento y la calidad en diferentes pantallas. Recuerda que los visitantes que usan dispositivos móviles suelen tener sesiones de corta duración. Un estudio muestra que más de la mitad de las sesiones en dispositivos móviles duran 30 segundos o menos. Es posible que estos usuarios no estudien las imágenes en detalle y prefieran que el sitio sea rápido.
  • Proporciona un presupuesto de rendimiento en el que los diseñadores web se comprometan a asegurarse de que todas las páginas web tengan un peso inferior a 1 MB (o un máximo de 1.5 MB).

Corrige la velocidad con la ayuda de tu equipo de estadísticas

Las empresas necesitan datos para saber en qué enfocarse y tomar decisiones. Sin embargo, aunque muchos hablan de la importancia de la velocidad del sitio y su conexión con los ingresos y las ventas, aún hay muchas empresas que no incluyen la velocidad en sus informes semanales fuera de los equipos de tecnología. Esto se puede cambiar si los desarrolladores comienzan a colaborar con los equipos de estadísticas.

El desafío compartido

La realidad es la siguiente: no se enfocará en lo que no se informa. Si la velocidad del sitio no forma parte de los informes semanales o mensuales para las partes interesadas de la empresa, se olvidará fácilmente y tendrás dificultades para obtener recursos para enfocarte en ella. Sin embargo, como los equipos de estadísticas a menudo no tienen experiencia con el seguimiento de la velocidad, necesitarán la ayuda de los desarrolladores. Además, los desarrolladores necesitarán la ayuda del equipo de estadísticas para calcular el efecto en los ingresos cuando se realicen mejoras de velocidad. Estos departamentos dependen más de los demás de lo que se podría pensar en un principio.

Envía una propuesta a tu equipo de análisis

Muchos casos de éxito muestran el efecto que tiene la velocidad del sitio en los ingresos y el porcentaje de rebote. ¿Podríamos colaborar para configurar el seguimiento de la velocidad del sitio para nuestra empresa y, tal vez, obtener la velocidad como parte de los informes que se envían a las partes interesadas para que obtengamos más aceptación?

Prepárate para una reunión con tu equipo de estadísticas

  • Realiza un seguimiento de la velocidad con frecuencia. Una recomendación es usar una API con una herramienta como Lighthouse CI, PageSpeed Insights o WebPageTest, que te permite recopilar estadísticas con regularidad en un entorno de lab controlado para realizar comparativas sencillas en diferentes períodos.
  • Reenvía El valor de la velocidad al equipo de estadísticas y pregúntale si pueden realizar el análisis para que tengas el gráfico listo para analizarlo durante la reunión.

Reúnete con tu equipo de estadísticas

  • Revisa el gráfico creado a partir de El valor de la velocidad. El porcentaje de conversiones móviles relativo es una forma de hacer un seguimiento del impacto de la velocidad y de cómo mejora tu sitio. Pregúntale al equipo de análisis si están dispuestos a comenzar a hacer un seguimiento de esto.
  • Decide si la métrica de tiempo de carga en Google Analytics es lo suficientemente buena para los informes comerciales simplificados. El valor de velocidad usa esta métrica. Como muchos desarrolladores saben, esta es solo una de las muchas métricas de velocidad importantes y, como se encuentra en Google Analytics, también son datos de campo en lugar de datos de lab. Pero, ¿es lo suficientemente bueno como para usarlo en informes empresariales simplificados? Verifica el resultado que obtuviste del análisis anterior y comprueba si es posible observar que el porcentaje de conversiones móviles relativo disminuye cuando los tiempos de carga son altos durante al menos 2 o 3 meses, y si el porcentaje de conversiones móviles relativo aumenta cuando los tiempos de carga son bajos durante 2 o 3 meses. Si los tiempos de carga se mantuvieron bastante estables, será difícil saber si el análisis te funciona hasta que hayas mejorado mucho la velocidad. Si es así, elige la siguiente alternativa.
  • Muestra tus gráficos de las métricas de velocidad que usan los desarrolladores. Explícalas al equipo de estadísticas y comprueba si descubres correlaciones con el porcentaje de conversiones o el porcentaje de conversiones móviles relativo.
  • Dale tiempo al equipo de análisis para que piense en formas de usar la velocidad en los cálculos relacionados con los ingresos y cómo informar esto a las partes interesadas. A menudo, este es un tema nuevo para ellos. Luego, vuelvan a reunirse y prueben un enfoque que ambos acepten. Como siempre, debes revisar la recopilación de datos hasta que encuentres la opción adecuada, pero esta es una forma de comenzar la colaboración.

Próximos pasos

Pídele a tu equipo de estadísticas que realice el análisis que se describe en El valor de la velocidad después de que el proyecto de velocidad haya generado grandes mejoras. Le mostrará a la empresa cuántas más conversiones y más ingresos obtuvo, lo que recompensará a tu equipo y a todos los departamentos que colaboraron contigo. Esto se puede incluir en un informe semanal para las partes interesadas, de modo que el proyecto no se convierta en un esfuerzo único, sino que se mantenga de forma continua.