ブラウザ監視の実験的な機能

New Relic Browser の機能は、安定性と信頼性を確保するために段階的にリリースされます。ただし、GA 前に一部の機能を利用することもできます。これらは実験的な機能として知られています。

現在の実験的な機能

New Relic Browser では、次の実験的な機能が利用できます。

ブラウザエージェント v1.272.0 -ネイティブマークとメジャーをBrowserPerformanceイベントとして自動的に追跡します。
Browserエージェント v1.276.0 -ページリソースアセットをBrowserPerformanceイベントとして自動的に監視します。

重要

実験的な機能は、コピーアンドペーストまたはエージェントの NPM 実装を使用して手動でオプトインする場合にのみ使用できます。 APM が挿入されたアプリケーションにアクセスするには、サポート担当者に連絡してください。実験的な機能は変更される可能性があるため、注意して使用する必要があります。

実験的な機能を使用するには手動でオプトインしてください

ブラウザのパフォーマンスのコピー/ペースト実装 - マーク、測定、リソース

プロまたはプロ + スパと同等のビルドで、実験的な機能と互換性のある New Relic Browser エージェントのバージョンを使用していることを確認してください。
Web ページの HTML または JS アプリケーションで New Relic Browser エージェントコードを見つけます。
init設定オブジェクトに、 performance機能設定を追加します。マークとメジャーの両方の検出を有効にする例を次に示します。

<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)
  }
} }:

アプリをデプロイします。

ブラウザーパフォーマンスの NPM 実装 - マーク、測定、およびリソース

実験的な機能と互換性のあるバージョンの New Relic Browser エージェントを使用していることを確認してください。
アプリケーションの実装で New Relic Browser エージェントコンストラクターを見つけます。
init設定オブジェクトに、 performance機能設定を追加します。マークとメジャーの両方の検出を有効にする例を次に示します。

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)

NPM 経由でエージェントを構成する方法の詳細については、 NPM パッケージのドキュメントを参照してください。

APM が挿入されたアプリケーションをオプトインする

APM が提供する Web アプリケーションでは、サポート担当者に連絡するか、ヘルプチケットを提出するか、件名が[Experimental Features]: で始まるメールをbrowser-agent@newrelic.comに送信することで、実験的な機能をオプトインできます。