Mantén bajo control las secuencias de comandos de terceros

Antes de optimizar las etiquetas de terceros, asegúrate de que aún necesites estas secuencias de comandos en tu sitio.

Chris Anstey
Chris Anstey

Las secuencias de comandos de terceros, o "etiquetas", pueden ser una fuente de problemas de rendimiento en tu sitio y, por lo tanto, un objetivo de optimización. Sin embargo, antes de comenzar a optimizar las etiquetas que agregaste, asegúrate de no optimizar las etiquetas que ni siquiera necesitas. En este artículo, se muestra cómo evaluar las solicitudes de etiquetas nuevas, y administrar y revisar las existentes.

Cuando se habla de etiquetas de terceros, a menudo, la conversación avanza rápidamente hacia problemas de rendimiento, lo que pierde de vista cuál es la función “principal” de estas etiquetas. Proporcionan una amplia variedad de funciones útiles, lo que hace que la Web sea más dinámica, interactiva y también interconectada. Sin embargo, diferentes equipos de toda la organización pueden agregar etiquetas de terceros, y estas suelen olvidarse con el tiempo. Las personas siguen adelante, vencen los contratos o se rinden los resultados, pero los equipos nunca se comunican para que se quiten las secuencias de comandos.

Antes de que pienses en la ejecución de secuencias de comandos de etiquetas de terceros, o en qué etiquetas se pueden diferir, cargar de forma diferida o preconectar desde un punto de vista técnico, tienes la oportunidad de controlar qué etiquetas se agregan a un sitio o una página desde el punto de vista organizacional. Un tema común en los sitios web que se ralentizan debido a la gran cantidad de etiquetas de terceros es que esta parte del sitio web no pertenece a una sola persona o equipo y, por lo tanto, queda entre las grietas. No hay nada más frustrante que optimizar tu sitio web, estar conforme con el rendimiento en un entorno de etapa de pruebas, solo por la velocidad de regresión en la producción debido a las etiquetas que se agregan. Para evitar esto, implementa un “proceso de revisión” de etiquetas de terceros mediante la compilación de un flujo de trabajo que cree responsabilidad multifuncional para estas etiquetas.

La forma en que examinas las etiquetas de terceros depende solo de la organización, su estructura y sus procesos actuales. Puede ser algo básico como tener un solo equipo que administre y actúe como intermediario para analizar las etiquetas antes de que se agreguen. O algo más avanzado y formal, como proporcionar un formulario a los equipos para que envíen solicitudes de una etiqueta. Esto podría pedir contexto en términos de por qué debe estar en el sitio web, por cuánto tiempo debe estar presente y qué beneficio aportaría a la empresa.

Proceso de administración de etiquetas

Sin importar cómo decidas examinar las etiquetas dentro de tu organización, las siguientes etapas deben considerarse como parte del ciclo de vida de una etiqueta.

Cumplimiento

Cinco flechas, con el primer paso de “Cumplimiento” completado.

Antes de agregar una etiqueta a una página, verifica que un equipo legal la haya verificado de forma exhaustiva para asegurarte de que cumpla con todos los requisitos de cumplimiento. Esto puede incluir verificar que la etiqueta cumpla con el Reglamento General de Protección de Datos (GDPR) de la UE y la Ley de Privacidad del Consumidor de California (CCPA).

Esto es fundamental, si existe alguna duda sobre este paso, se debe abordar antes de evaluar la etiqueta desde el punto de vista del rendimiento.

Obligatorio

Cinco flechas, con los dos primeros pasos de “Cumplimiento” y “Obligatorio” completados.

El segundo paso es preguntarte si se necesita una etiqueta específica en la página. Considera los siguientes puntos de discusión:

  • ¿La etiqueta se utiliza activamente? Si no es así, ¿se puede quitar?
  • Si la etiqueta se carga en todo el sitio, ¿es necesario? Por ejemplo, si estamos analizando un paquete de pruebas A/B y, actualmente, solo realizas pruebas en páginas de destino, ¿podemos quitar la etiqueta solo en este tipo de página?
  • ¿Podemos agregar más lógica a esto? ¿Podemos detectar si hay una prueba A/B en tiempo real? Si es así, permite que se agregue la etiqueta, pero si no es así, asegúrate de que no esté presente.

Responsabilidad

Cinco flechas, con los primeros tres pasos de “Cumplimiento”, “Obligatorio” y “Propiedad” completados.

Tener una persona o un equipo claro como propietario de una etiqueta ayuda a hacer un seguimiento de las etiquetas de forma proactiva. Por lo general, es la persona que agregó la etiqueta. Si tienes una persona asignada junto a la etiqueta, garantizará que se puedan realizar revisiones y auditorías en el futuro para volver a visitarla, ya sea que la etiqueta sea obligatoria.

Objetivo

Cinco flechas, con los primeros cuatro pasos de “Cumplimiento”, “Obligatorio”, “Propiedad” y “Propósito” completados.

El cuarto paso comienza a crear responsabilidad multidisciplinaria, ya que garantiza que las personas comprendan por qué se agrega la etiqueta a la página. Es importante que haya una comprensión multifuncional de lo que cada etiqueta aporta al sitio web y por qué se usa. Por ejemplo, si la etiqueta registra acciones de la sesión del usuario para permitir la personalización, ¿todos los equipos saben por qué debería estar presente?

Además, ¿hubo discusiones para compensar las diferencias entre el rendimiento comercial y el rendimiento? Si una etiqueta se considera "obligatoria" porque genera ingresos, ¿se realizó un análisis de los ingresos potenciales perdidos a través de la regresión de velocidad?

Opinión

Cinco flechas con los cinco pasos de “Cumplimiento”, “Obligatorio”, “Propiedad”, “Propósito” y “Revisión”.

El quinto paso, el último, y posiblemente el más importante, es asegurarse de que las etiquetas se revisen con regularidad. Esto debería depender del tamaño del sitio web, la cantidad de etiquetas que hay en el sitio y su tiempo de respuesta (p.ej., semanal, mensual y trimestral). Esto debe tratarse de la misma manera que la optimización de otros elementos del sitio web (JS, CSS, imágenes, etc.) y se debe verificar proactivamente de forma periódica. Si no se revisa el contenido, es posible que se genere un administrador de etiquetas "sobrecargado", lo que ralentiza las páginas. Puede ser una tarea compleja volver a tener un buen rendimiento y no revertir la funcionalidad requerida en la página.

Cinco flechas con los cinco pasos de “Cumplimiento”, “Obligatorio”, “Propiedad”, “Propósito” y “Revisión”. Indicar que todos estos son pasos del proceso de evaluación del rendimiento.

El proceso de selección debería dejarte una lista final de etiquetas clasificadas como necesarias para una página específica. En esta etapa, puedes profundizar en los enfoques de optimización técnica. Esto también abre la oportunidad de definir la cantidad de etiquetas en esta lista final dentro de un presupuesto de rendimiento, que se puede supervisar en Lighthouse CI y, luego, incorporarse en la configuración de objetivos específicos de rendimiento. Por ejemplo:

Si mantenemos menos de 5 etiquetas en nuestras páginas de destino junto con nuestro propio JS optimizado, estamos seguros de que el Tiempo de bloqueo total (TBT) podrá ser bueno en las Métricas web esenciales.