Marketing necesita añadir un widget de chat y dos etiquetas de analítica. ¿Cómo los entregas sin destrozar tus métricas de rendimiento?

Cárgalos después de que la página sea interactiva, no en el head: defer o async, inyectados en tiempo de inactividad, o tras una interacción del usuario para cualquier cosa pesada como el chat. Dales su propio presupuesto de conexión con preconnect solo si de verdad hace falta, fija un presupuesto de tamaño y mide el antes y el después con métricas de usuarios reales. Si un proveedor bloquea el hilo principal, aíslalo en un worker o un iframe, o mueve el seguimiento al servidor.

Primero mido en vez de discutir. Añado cada uno detrás de una bandera y miro el tiempo de hilo principal y el tamaño de transferencia que cuesta en un perfil limitado, así la conversación va sobre un número concreto y no sobre una sensación. Luego la estrategia de carga: las etiquetas de analítica van en async o se inyectan en tiempo de inactividad, ya que nada de cara al usuario depende de ellas. El widget de chat es el caro, y casi nunca necesita cargarse al abrir la página, así que renderizo un botón ligero de marcador de posición y solo pido el widget real al primer clic o tras unos segundos de inactividad. Eso solo suele quitar varios cientos de kilobytes de la ruta crítica. Si un proveedor insiste en trabajo síncrono, las opciones son ejecutarlo en un worker con un enfoque tipo partytown, aislarlo en un iframe para que al menos el layout quede contenido, o mover el seguimiento al servidor. Después pongo un presupuesto de bundle y de terceros en CI, porque estas cosas llegan de una en una y cada una parece pequeña.