diff --git a/src/content/docs/browser/new-relic-browser/browser-pro-features/browser-features.mdx b/src/content/docs/browser/new-relic-browser/browser-pro-features/browser-features.mdx index b63281d1ae7..04c6ee12ce0 100644 --- a/src/content/docs/browser/new-relic-browser/browser-pro-features/browser-features.mdx +++ b/src/content/docs/browser/new-relic-browser/browser-pro-features/browser-features.mdx @@ -21,3 +21,4 @@ Check out our key features: * [Browsers](/docs/browser/new-relic-browser/browser-pro-features/browsers-problem-patterns-type-or-platform/): View webpage data by browser type or platform * [Distributed tracing](/docs/browser/new-relic-browser/browser-pro-features/browser-data-distributed-tracing/): Connect backend and frontend performance * [Browser apps index](/docs/browser/new-relic-browser/getting-started/browser-apps-index/): View a list of all your browser apps +* [Marks and measures](/docs/browser/new-relic-browser/browser-pro-features/marks-and-measures/): Automatically track native marks and measures diff --git a/src/content/docs/browser/new-relic-browser/browser-pro-features/marks-and-measures.mdx b/src/content/docs/browser/new-relic-browser/browser-pro-features/marks-and-measures.mdx new file mode 100644 index 00000000000..e01402c6041 --- /dev/null +++ b/src/content/docs/browser/new-relic-browser/browser-pro-features/marks-and-measures.mdx @@ -0,0 +1,47 @@ +--- +title: 'Automatically track native marks and measures' +tags: + - Browser + - Browser monitoring + - Experimental features +metaDescription: "Observes and reports on the performance of your webpages by automatically tracking native marks and measures." +freshnessValidatedDate: never +--- + + + This is an experimental browser feature and is subject to change. Use this feature with caution. It's available only with the browser agent installed via copy/paste or NPM. + + + +[Marks](https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark) and [measures](https://developer.mozilla.org/en-US/docs/Web/API/Performance/measure) are standard methods to observe and report on the performance of your webpages. They're generic events native to the browser. You can use them to measure the duration of any task. The New Relic browser agent can automatically track marks and measures as store them as `BrowserPerformance` events. + +## Enable marks and measures monitoring [#enable-feature] + +To enable this feature: + +1. Make sure you're using browser agent 1.272.0 or later. +2. Locate the agent code in your webpage HTML or JS application. +3. In the `init` configuration object, and add the `performance` feature configuration. + + Here's an example to enable both marks and measures detection: + ```js +