Mantys CoreJavaScript
Scripts retrasados, diferidos y de terceros: por qué rompen menús, formularios y banners de consentimiento, y cómo encontrar el culpable.
Retrasar la ejecución de JavaScript rompió mi sitio: cómo encontrar el script culpable
Retrasar JavaScript rompe un sitio de cinco maneras mecánicas (una dependencia que falta, un evento de página que ya se disparó, un primer clic que se pierde, una cadena atascada en un script, un visitante que nunca se cuenta), y cada una deja una firma que puede leer en el navegador, así que puede excluir un solo script en lugar de desactivar toda la opción.
Cómo hacer que Axeptio cargue más rápido (sin romper el consentimiento)
Un banner de Axeptio rara vez llega tarde por culpa del propio Axeptio, llega tarde porque su cadena de peticiones (ajustes, SDK, configuración del proyecto, fuente) hace cola detrás de todo lo demás que carga la página, así que las soluciones son aligerar la competencia, no retrasar nunca la herramienta de consentimiento, cargarla pronto, prescindir de la fuente que no usa y personalizarla sin pelearse con su marcado.
Cómo elegir un tema, y detectar los que entregan un único archivo JavaScript gigante
Antes de tu primera línea de contenido, tu tema decide lo que un navegador debe descargar, analizar y ejecutar. La decisión que más pesa es cómo entrega su JavaScript: un conjunto divisible de archivos pequeños, o un único bloque gigante que ata toda la página a su parte más lenta.
¿Por qué mi menú de hamburguesa solo se abre al segundo clic?
Si activó un retraso de JavaScript (cargar los scripts en el primer clic o tras un temporizador), el primer toque en la hamburguesa despierta la carga del script, no abre el menú. El menú solo responde al segundo toque. La solución: aislar el script del menú y sus dependencias fuera del retraso, o mejor aún, darle un menú vanilla sin dependencias.