monitoramento de recurso Browser em visualização pública

Os recursos New Relic Browser são lançados gradualmente para garantir estabilidade e confiabilidade. No entanto, você pode optar por aproveitar algum recurso antes da GA. Elas são conhecidas como recursos de visualização pública.

Recurso de visualização pública atual

Os seguintes recursos de visualização pública estão disponíveis no New Relic Browser:

agente browser v1.272.0 - Rastreie automaticamente marcas e medidas nativas como BrowserPerformance evento.
agente browser v1.276.0 - Observar automaticamente os ativos de recursos da página como BrowserPerformance evento.

Importante

Os recursos Browser em visualização pública estão disponíveis somente para ativação manual com copiar e colar ou implementações NPM do agente. Para obter acesso ao aplicativo com APM , entre em contato com seu representante de suporte. Os recursos de visualização pública estão sujeitos a alterações e devem ser usados com cautela.

Optar manualmente para usar o recurso de visualização pública

Implementação de copiar/colar do desempenho do browser - Marcas, medidas e recursos

Certifique-se de estar usando uma versão do agente do New Relic Browser compatível com o recurso de visualização, em uma versão pro ou pro+spa equivalente.
Encontre o código do agente do New Relic Browser no aplicativo HTML ou JS da sua página da web.
No objeto de configuração init , adicione a configuração do recurso performance . Aqui está um exemplo que permite a detecção de marcas e 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)
  }
} }:

Implantar seu aplicativo.

Implementação NPM de desempenho do browser - Marcas, Medidas & Recursos

Certifique-se de estar usando uma versão do agente do New Relic Browser compatível com o recurso de visualização.
Encontre o construtor do agente do New Relic Browser na implementação do seu aplicativo.
No objeto de configuração init , adicione a configuração do recurso performance . Aqui está um exemplo que permite a detecção de marcas e 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 a documentação do pacote NPM para obter mais informações sobre como configurar o agente via NPM.

Opte por aplicativo injetado APM

O aplicativo da web oferecido APMpode optar por habilitar o recurso de visualização entrando em contato com seu representante de suporte, preenchendo um ticket de ajuda ou enviando um e-mail browser-agent@newrelic.com com uma linha de assunto começando com [Public Preview Features]: .