Característica experimental en monitoreo de browser

Las características New Relic Browser se lanzan gradualmente para garantizar la estabilidad y confiabilidad. Sin embargo, puedes optar por aprovechar algunas funciones antes de su disponibilidad general. Estas se conocen como características experimentales.

Característica experimental actual

Las siguientes funciones experimentales están disponibles en New Relic Browser:

agente del navegador v1.272.0 - Realiza un seguimiento automático de las marcas y medidas nativas como BrowserPerformance evento.
agente del navegador v1.276.0 - Observar automáticamente los recursos de la página como evento BrowserPerformance .

Importante

Las funciones experimentales solo están disponibles si se opta manualmente con copiar y pegar o con implementaciones NPM del agente. Para obtener acceso a la aplicación inyectada con APM , comunicar con su representante de soporte. Las características experimentales están sujetas a cambios y deben usar con precaución.

Opte manualmente para usar la función experimental

Implementación de copiar y pegar el rendimiento del browser - Calificaciones, medidas y recursos

Cerciórate de estar usando una versión del agente New Relic Browser compatible con la función experimental, en una compilación pro o pro+spa equivalente.
Encuentre el código del agente del navegador New Relic en la aplicación HTML o JS de su sitio web.
En el objeto de configuración init , agregue la configuración característica performance . A continuación se muestra un ejemplo que permite la detección de marcas y medidas:

<script type="text/javascript"> ;window.NREUM||(NREUM={});init={ …, performance: {
  capture_marks: true, // enable to capture browser performance marks (default false)
  capture_measures: true // enable to capture browser performance measures (default false)
  resources: {
    enabled: true, // enable to capture browser peformance resource timings (default false)
    asset_types: [], // Asset types to collect -- an empty array will collect all types (default []). See https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming/initiatorType for the list of types.
    first_party_domains: [], // when included, will decorate any resource as a first party resource if matching (default [])
    ignore_newrelic: true // ignore capturing internal agent scripts and harvest calls (default true)
  }
} }:

Desplegar tu aplicación.

Implementación de NPM del rendimiento del browser: calificaciones, medidas y recursos

Cerciorar de estar empleando una versión del agente New Relic Browser compatible con la función experimental.
Encuentre el constructor del agente de New Relic Browser en la implementación de su aplicación.
En el objeto de configuración init , agregue la configuración característica performance . A continuación se muestra un ejemplo que permite la detección de marcas y medidas:

import { BrowserAgent } from '@newrelic/browser-agent/loaders/browser-agent'

// Populate using values in copy-paste JavaScript snippet.
const options = {
  init: {
    // ... other configurations
    performance: {
      capture_marks: true, // enable to capture browser performance marks (default false)
      capture_measures: true // enable to capture browser performance measures (default false)
      resources: {
        enabled: true, // enable to capture browser peformance resource timings (default false)
        asset_types: [], // Asset types to collect -- an empty array will collect all types (default []). See https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming/initiatorType for the list of types.
        first_party_domains: [], // when included, will decorate any resource as a first party resource if matching (default [])
        ignore_newrelic: true // ignore capturing internal agent scripts and harvest calls (default true)
      }
    }
   },
  info: { ... },
  loader_config: { ... } 
}

// The agent loader code executes immediately on instantiation.
new BrowserAgent(options)

Consulte la documentación del paquete NPM para obtener más información sobre cómo configurar el agente a través de NPM.

Opte por la aplicación inyectada APM

APMLas aplicaciones sitio web servidas por pueden optar por la función experimental ticket comunicar con su representante de soporte, enviando un de ayuda o enviando un email browser-agent@newrelic.com a con una línea de asunto que comience [Experimental Features]: con.