Corregir de manera multidisciplinaria la velocidad del sitio web

Cómo otros departamentos pueden contribuir a que el proyecto de optimización de la velocidad del sitio web sea un éxito 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. Rara vez los desarrolladores pueden resolver los problemas por sí solos, sin importar qué tan talentosos sean. ¿Cómo solucionan la velocidad junto con sus colegas? En este artículo, se explica cómo puedes (como desarrollador web) convencer a tu empresa para que priorice la velocidad del sitio, obtengas ayuda de diferentes departamentos mientras optimizas 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 están 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 cuentan la historia de que las empresas deben adaptarse rápidamente o arriesgarse a disminuir los ingresos. Para tener éxito, esto requerirá nuevas mentalidades y procesos organizacionales, y una fuerte aceptación de las partes interesadas.

El desafío compartido

Lo más probable es que la forma en que se organizan las empresas deban cambiar en varios niveles. En primer lugar, un proyecto de velocidad, con el posible aumento 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 implementarse, y la colaboración con otros departamentos, como marketing y diseñadores web, a menudo será más fluida si las partes interesadas y los ejecutivos demuestran que este es un proyecto prioritario.

Además de este nivel operativo, también es importante que las partes interesadas entiendan que hay dos turnos ocurriendo en este momento:

Esto significa que las empresas que tomen decisiones ejecutivas fundamentadas por personas 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 empresariales para garantizar que el sitio y sus limitaciones se consideren desde el principio y, de esa manera, asegurar un aumento en las ventas.

Enviar una propuesta a los interesados

En general, alrededor del 10% de las ventas ocurren en plataformas digitales, pero los estudios demuestran que un 85% de las ventas en tiendas físicas se ven influenciadas por los medios digitales en primer lugar. Por lo tanto, tener un sitio con buen rendimiento, especialmente en los dispositivos móviles (que se está convirtiendo en el dispositivo principal), es crucial para los ingresos de nuestra empresa. Proponemos un proyecto de velocidad que ayudará al sitio a aumentar las conversiones y establecemos flujos de comunicación para que se puedan utilizar las estadísticas de los equipos técnicos antes de tomar decisiones que afectarán al sitio.

Prepárate para reunirte con los interesados

Antes de reunirte con las partes interesadas, asegúrate de estar preparado con datos para tu sitio web y los sitios de la competencia, y con 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á relacionada con los ingresos de la empresa. Estas son algunas maneras de lograrlo:

  • Calcula el porcentaje de conversiones móviles relativo. Trabaja con tu equipo de estadísticas y realiza el análisis descrito en El valor de la velocidad. Si históricamente tienes un período (de al menos 2 a 3 meses) en el que los tiempos de carga fueron mucho más altos que otro de la misma duración, la velocidad lenta del sitio suele haber afectado en gran medida las conversiones 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 prueba el valor de la velocidad. Si los tiempos de carga se mantuvieron prácticamente en el mismo nivel, el análisis será difícil de realizar, 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 el promedio de visitantes mensuales, el porcentaje de conversiones y el valor promedio del pedido, con lo que tu equipo de estadísticas puede ayudarte.
  • Proporciona casos de éxito de prácticas recomendadas. También puedes usar casos prácticos de otras empresas que aceleraron su sitio y notaron el efecto. Cómo el tiempo de carga de la página afecta los porcentajes de conversiones: 12 casos de éxito proporciona algunos ejemplos.
  • Muestra la importancia de los dispositivos móviles. Pídele al equipo de Analytics que proporcione datos sobre qué porcentaje de tu tráfico proviene de dispositivos móviles y de computadoras de escritorio.
  • Investiga cuánto costará. Los cálculos anteriores son formas de mostrar a las partes interesadas el posible aumento de ingresos a partir de la velocidad, pero, para que tomen decisiones, deben conocer el ROI, por lo que, si te preparas con un costo estimado, la decisión ejecutiva se puede tomar más rápido. Para ello, evalúa cuánto tiempo tardará el proyecto de velocidad enfocado inicial y cuánto tiempo necesitarás para el mantenimiento posterior. Por ejemplo, en Pensamiento acelerado: TUI acelera su sitio eliminando los silos, los desarrolladores tuvieron un 20% de su tiempo libre de tareas pendientes y campañas, que podían dedicar a agilizar los proyectos y otras formas de mejorar el sitio.

Reunirse con los interesados

  • Presenta cuánto tráfico recibes de los dispositivos móviles en comparación con las computadoras de escritorio y el crecimiento que has tenido desde los dispositivos móviles en los últimos años. Esto demuestra la importancia de crear una excelente experiencia en dispositivos móviles.
  • Presenta tus hallazgos sobre cómo la velocidad influye en los ingresos de la empresa.
  • Informa a las partes interesadas que los desarrolladores pueden ayudar a aumentar los ingresos de los visitantes que usan dispositivos móviles si tienen tiempo para trabajar en la velocidad de manera continua.
  • Sugiere que se invite a una persona del equipo de desarrollo a las reuniones ejecutivas en las que se tomarán las decisiones en el sitio. Hoy en día, vendemos productos en plataformas digitales. Los ganadores serán las empresas que comiencen a comunicarse con sus expertos digitales. Las empresas modernas deberán tener flujos de comunicación configurados entre los departamentos y entre las partes interesadas y los desarrolladores. Un estudio de Harvard Business Review demostró que uno de cada seis proyectos de TI tiene un costo excedido del 200%. Un ejemplo fue Kmart, que perdió su posición competitiva frente a Walmart y Target cuando comenzó su proyecto de modernización de TI, valuado en $1,400 millones, en el año 2000. Si configuras la comunicación y el mantenimiento con anticipación, se pueden desglosar 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 anuncios y datos a fin de tomar decisiones fundamentadas. Sin embargo, la mayoría de las herramientas ralentizan los sitios web y, a menudo, se implementan con secuencias de comandos que bloquean el procesamiento, lo que obliga a los visitantes que ingresan al sitio a esperar hasta ver algo en la pantalla. Por lo tanto, se necesita un equilibrio; el departamento de marketing necesita datos y herramientas, pero para que el sitio obtenga porcentajes de rebote bajos y porcentajes de conversiones altos, debe ser rápido, de modo que el marketing obtenga un buen retorno de sus inversiones.

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

  • Evita duplicados que midan aproximadamente lo mismo.
  • Quita las herramientas que ya no se usen.
  • No mida cosas "deseables". Solo mide los aspectos fundamentales de la empresa.

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

Enviar 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, las personas se interesan, hacen clic, pero tienen que esperar. Esto corre el riesgo de que se molesten y se vayan. En un estudio, se descubrió que el porcentaje de conversiones disminuyó de alrededor del 50% a alrededor del 35% cuando la métrica de velocidad Tiempo de espera aumentó de 0.15 s a 0.3 s. ¿Podemos trabajar juntos para resolver esto con el fin de crear un equilibrio entre las herramientas que necesitas y el rendimiento del sitio, lo que genera un mayor retorno de las inversiones de marketing?

Prepárate para reunirte 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 ordénalas en tres buckets:
    • Fundamentales para la empresa. Estas secuencias de comandos deben permanecer.
    • Aconsejable: Secuencias de comandos que se podrían usar menos o quitarse 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 que aumenten las conversiones. En casos como estos, es mejor acordar que solo se ejecuten las herramientas durante 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 enfocados.
    • Sin uso ni propiedad. ya que deberían quitarse.
  • Compara la velocidad del sitio con y sin cada secuencia de comandos para comprobar cuánto ralentiza cada secuencia de comandos. En WebPageTest, esto se puede configurar en la pestaña Bloquear en la Configuración avanzada. También puedes bloquear las solicitudes de red en las Herramientas para desarrolladores de Chrome.

Reunirse con su equipo de marketing

  • Revisa la lista de secuencias de comandos y comparte tu opinión sobre cada una. Por ejemplo, ¿alguna de las secuencias de comandos deseables es muy dañina para el rendimiento del sitio? Cuando recibes recomendaciones, es más fácil para el equipo de marketing priorizar y, si escuchas qué es fundamental para la empresa, te resultará más fácil comprender su punto de vista.
  • Analiza los siguientes temas:
    • ¿Los beneficios de los datos recopilados conducen a un aumento en las conversiones que supera la disminución causada por el hecho de que el sitio se vuelva más lento? Los datos pueden guiar la decisión.
    • ¿Tu empresa eligió un proveedor que tiene la versión más rápida de la herramienta del 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 cualquiera de las secuencias de comandos en el sitio? Por ejemplo, en lugar de mapas de calor, podría ser posible comenzar a realizar pruebas de usabilidad en las que también se escuche el motivo del comportamiento del usuario, lo que a menudo genera estadísticas más detalladas.

Acuerda los próximos pasos.

  • Decide qué proceso seguir en el futuro. ¿El equipo de marketing siempre debe solicitar a los desarrolladores que revisen las herramientas nuevas y su impacto en la velocidad antes de implementarlas? ¿O el equipo de marketing debería obtener un presupuesto de rendimiento en el que aprenda a comprobar la velocidad y pueda priorizar las herramientas que desea, siempre y cuando 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 para el rendimiento web es que, si bien la conectividad puede ser más rápida en muchas regiones, los sitios web están cada vez más pesados y, como resultado, se vuelven más lentos. Los desarrolladores deben colaborar con diseñadores web para resolver este problema.

El desafío compartido

Al final, todos los departamentos dentro de una empresa suelen depender del sitio que genera conversiones, ya sea para la generación de ingresos o para otra cosa. Y la dura realidad es que no importa qué tan hermosas sean las páginas web si demoran tanto en cargarse que los usuarios no se quedan para verlas.

Pero las páginas web delgadas son una responsabilidad compartida. Los desarrolladores pueden usar varias técnicas de optimización 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.

Enviar una propuesta a tu equipo de diseño web

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

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

  • Haz un seguimiento de qué páginas del sitio tienen el tiempo de carga más alto y el peso más alto. 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 las campañas, algunas de las páginas de categorías más grandes, algunas de las páginas de productos y el proceso 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 terminan por encima del nivel de peso de la página objetivo.

Reunirse con su equipo de diseño web

  • Comprométete a investigar cómo el equipo de desarrollo puede entregar imágenes más rápido mediante diversas técnicas de optimización de imágenes, como compresión, imágenes responsivas, cambio de tamaño, carga diferida, almacenamiento en caché y 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, y 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.
  • Propone 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 a 1.5 MB como máximo).

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

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

El desafío compartido

En realidad, lo que no se informa no se enfoca. Si la velocidad del sitio no forma parte de los informes semanales o mensuales para las partes interesadas de la empresa, la olvidará con facilidad y te costará conseguir recursos para enfocarte en ella. Sin embargo, como los equipos de estadísticas a menudo no tienen experiencia con la velocidad de seguimiento, necesitarán la ayuda de los desarrolladores. Además, los desarrolladores necesitarán ayuda del equipo de estadísticas para calcular el efecto en los ingresos cuando se realicen mejoras en la velocidad. Estos departamentos dependen más entre sí de lo que podrían pensar al principio.

Enviar una propuesta a tu equipo de estadísticas

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 velocidad como parte de los informes que se envían a las partes interesadas para que tengamos más aceptación?

Prepárate para una reunión con tu equipo de Analytics

  • Haz un seguimiento de la velocidad periódicamente. Una recomendación es usar una API con herramientas como Lighthouse CI, PageSpeed Insights o WebPageTest, que te permita recopilar estadísticas de forma periódica en una configuración de lab controlado para obtener comparativas sencillas en diferentes períodos.
  • Reenvía el valor de la velocidad al equipo de estadísticas y pregúntales si pueden realizar el análisis para que tengas el gráfico listo para analizarlo durante la reunión.

Reunirse con su equipo de estadísticas

  • Consulta el gráfico creado a partir de The value of speed. 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á dispuesto a comenzar a hacer un seguimiento de esto.
  • Determina si la métrica de tiempo de carga en Google Analytics es suficiente para obtener informes empresariales simplificados. El valor de la velocidad usa esta métrica. Como muchos desarrolladores saben, esta es solo una de las muchas métricas de velocidad importantes y, como está en Google Analytics, también son datos de campo en lugar de datos de lab. Pero ¿es lo suficientemente bueno para utilizarlo en informes comerciales simplificados? Verifica el resultado que obtuviste con el análisis anterior y comprueba si es posible observar una disminución en el porcentaje relativo de conversiones móviles cuando los tiempos de carga fueron altos durante, al menos, 2 o 3 meses, y si ese porcentaje aumenta cuando los tiempos de carga fueron bajos durante 2 o 3 meses. Si tus tiempos de carga se han mantenido bastante estables, será difícil saber si el análisis está funcionando para ti hasta que hayas mejorado la velocidad en gran medida. Si es así, usa la siguiente alternativa.
  • Muestra tus gráficos de las métricas de velocidad que usan los desarrolladores. Explícalos al equipo de análisis y observa si descubres correlaciones con el porcentaje de conversiones o el porcentaje de conversiones móviles relativo.
  • Permite que el equipo de estadísticas tenga tiempo para pensar en formas de usar la velocidad en los cálculos relacionados con los ingresos y cómo informar esto a las partes interesadas. Este suele ser un tema nuevo para ellos. Luego, reunirse nuevamente y probar un enfoque que acuerden. Como siempre, debes revisar la recopilación de datos hasta encontrar 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 descrito en El valor de la velocidad una vez que el proyecto de velocidad haya generado grandes mejoras. Le mostrará a la empresa cuántas conversiones y los ingresos adicionales generó, 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, pero se mantenga de forma continua.