Skip to content

Commit 57069d5

Browse files
committed
updated the page view and added new user impact page to document frustration signal and performance impact functionality
1 parent f245448 commit 57069d5

File tree

2 files changed

+257
-2
lines changed

2 files changed

+257
-2
lines changed

src/content/docs/browser/new-relic-browser/browser-pro-features/page-views-examine-page-performance.mdx

Lines changed: 92 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ tags:
44
- Browser
55
- Browser monitoring
66
- Additional standard features
7-
metaDescription: "Get actionable data for your single page app or website's performance, timing, throughput, page loads, and more with our Page views UI for browser monitoring."
7+
metaDescription: "Get actionable data for your single page app or website's performance, timing, throughput, page loads, user frustration signals, and session replays with our Page views UI for browser monitoring."
88
redirects:
99
- /docs/new-relic-browser/page-views-dashboard
1010
- /docs/browser/new-relic-browser/dashboard-details/page-views-dashboard
@@ -14,7 +14,7 @@ redirects:
1414
freshnessValidatedDate: never
1515
---
1616

17-
The <DNT>**Page views**</DNT> page in <InlinePopover type="browser"/> provides insight into the performance of your site's pages. Sort options help you find details about percentage of page load time, average page load time, or throughput. Detailed information about the top webpages viewed, timing and throughput details, and links to browser traces or session traces also are available.
17+
The <DNT>**Page views**</DNT> page in <InlinePopover type="browser"/> provides insight into the performance of your site's pages and user experience. Sort options help you find details about percentage of page load time, average page load time, or throughput. You can also view user frustration signals and performance impact metrics, access session replays, and explore detailed information about the top webpages viewed.
1818

1919
Our browser capabilities include [single-page app (SPA) monitoring](/docs/browser/single-page-app-monitoring/get-started/welcome-single-page-app-monitoring). If you have opted in to SPA monitoring, your SPA <DNT>**Page views**</DNT> UI will be different. You can toggle between which view (SPA or standard browser) you want.
2020

@@ -38,6 +38,62 @@ To view detailed information about which pages the end users are viewing for you
3838
2. Toggle the page view for SPA or standard browser apps as applicable.
3939
3. Select the type of view for page load timing information as a [chart (default), histogram, or percentile](/docs/apm/apm-ui-pages/monitoring/response-time-chart-types-apm-browser/).
4040

41+
## Understand user impact metrics [#user-impact-metrics]
42+
43+
The Page views page includes user impact cards that help you understand how performance issues affect your users' experience.
44+
45+
### Frustration signals [#frustration-signals]
46+
47+
The <DNT>**Frustration signals**</DNT> card shows the percentage of user sessions containing frustration indicators in the selected time period. Frustration signals include:
48+
49+
* **Rage clicks**: Users rapidly clicking the same element 4 or more times within 1 second
50+
* **Dead clicks**: Clicks that don't result in any detectable change within 2 seconds
51+
* **Error clicks**: Clicks followed by a JavaScript error within 2 seconds
52+
53+
The card displays:
54+
* **Percentage of sessions** with frustration signals in the selected time range
55+
* **Total sessions** and **total replays** available (hover over "View session details" for details)
56+
* **Analyze frustration signals** link to view detailed analysis in the [User Impact page](/docs/browser/new-relic-browser/browser-pro-features/user-impact)
57+
58+
### Performance impact [#performance-impact]
59+
60+
The <DNT>**Performance impact**</DNT> card shows the percentage of user sessions affected by performance issues in the selected time period. Performance issues include:
61+
62+
* **JavaScript errors**: Unhandled exceptions and application errors
63+
* **Poor Core Web Vitals**: Failing Largest Contentful Paint (LCP), Interaction to Next Paint (INP), or Cumulative Layout Shift (CLS) thresholds
64+
65+
The card displays:
66+
* **Percentage of sessions** with performance issues in the selected time range
67+
* **Total sessions** and **total replays** available (hover over "View session details" for details)
68+
* **Analyze performance impact** link to view detailed analysis in the [User Impact page](/docs/browser/new-relic-browser/browser-pro-features/user-impact)
69+
70+
### Session Replay sampling considerations [#sampling-considerations]
71+
72+
The user impact cards adapt based on your Session Replay configuration:
73+
74+
<CollapserGroup>
75+
<Collapser
76+
id="sr-enabled"
77+
title="Session Replay enabled with standard sampling"
78+
>
79+
When Session Replay is enabled with sampling rates at or above default thresholds (10% for general sampling, 100% for error sampling), both cards display full metrics with session replay counts and direct links to replay sessions.
80+
</Collapser>
81+
82+
<Collapser
83+
id="sr-low-sampling"
84+
title="Session Replay enabled with low sampling"
85+
>
86+
When sampling rates are below recommended thresholds, the cards display a notice suggesting you increase your sample rate. Click the "Increase your sample rate" link to navigate to your browser application settings.
87+
</Collapser>
88+
89+
<Collapser
90+
id="sr-disabled"
91+
title="Session Replay disabled"
92+
>
93+
When Session Replay is disabled, the cards show only session counts without replay data. A notice appears with "See where your users are struggling" and a "Turn on session replays" link to enable the feature.
94+
</Collapser>
95+
</CollapserGroup>
96+
4197
## Examine performance details [#view_details]
4298

4399
From the page view summary, click a URL to view performance details about page load, frontend and backend timing in [APM](/docs/apm/apm-ui-pages/features/request-queuing-tracking-front-end-time/) or in [distributed tracing](/docs/distributed-tracing/ui-data/understand-use-distributed-tracing-ui), throughput, [types of browsers](/docs/browser/new-relic-browser/additional-standard-features/browsers-problem-patterns-type-or-platform), and [session traces](/docs/browser/browser-monitoring/browser-pro-features/session-traces-explore-webpages-life-cycle).
@@ -53,6 +109,40 @@ From here you can also:
53109
* Compare page load and throughput performance with yesterday and last week.
54110
* View response time for app response time for web transactions.
55111

112+
## Access session replays [#session-replays]
113+
114+
The browser interactions table includes a <DNT>**Session replays**</DNT> column that shows the count of available session replays for each page. This integration provides direct access to qualitative user experience data alongside quantitative performance metrics.
115+
116+
### Session replay column features [#session-replay-column]
117+
118+
* **Replay counts**: The Session replays column displays the number of available replays for each browser interaction or transaction
119+
* **Direct navigation**: Click any session replay count to open the [Session Replay list page](/docs/browser/browser-monitoring/browser-pro-features/session-replay) with relevant filters applied
120+
* **Context preservation**: Applied filters from the Page views interface carry over to Session Replay, maintaining your analysis context
121+
* **No data indicator**: Pages without session replays show a dash (`-`) and are not clickable
122+
123+
### Navigate to detailed analysis [#navigate-analysis]
124+
125+
The user impact cards provide multiple ways to explore your data in depth:
126+
127+
* **View session details**: Hover over this link to see a tooltip with total sessions and available replay counts for the selected time range
128+
* **Analyze frustration signals**: Click to navigate to the User Impact page with the Frustration metrics tab selected and relevant filters applied
129+
* **Analyze performance impact**: Click to navigate to the User Impact page with the Performance impact tab selected and relevant filters applied
130+
131+
### View session replays [#view-replays]
132+
133+
To access session replays from the Page views table:
134+
135+
1. Locate the <DNT>**Session replays**</DNT> column in the browser interactions table
136+
2. Click any session replay count to open filtered session replays
137+
3. The Session Replay page opens with these filters automatically applied:
138+
* **Browser interaction name** (for SPA views) or **Browser transaction name** (for standard views)
139+
* **Current time range** from your Page views selection
140+
* **Additional context filters** based on your Page views configuration
141+
142+
<Callout variant="important">
143+
Session replay counts depend on your [Session Replay sampling configuration](/docs/browser/browser-monitoring/browser-pro-features/session-replay#configure-sampling). If you see consistently low or zero counts, consider [increasing your sampling rate](/docs/browser/new-relic-browser/configuration/browser-app-settings-page#session-replay) to capture more user sessions.
144+
</Callout>
145+
56146
## Examine timing details for page loads [#page_load_timing]
57147

58148
The [page load timing process](/docs/browser/new-relic-browser/page-load-timing-resources/page-load-timing-process) shows colored-coded details:
Lines changed: 165 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,165 @@
1+
---
2+
title: 'User impact: Analyze frustration signals and performance impact'
3+
tags:
4+
- Browser
5+
- Browser monitoring
6+
- Additional standard features
7+
- User experience
8+
- Session replay
9+
metaDescription: "Analyze user frustration signals, performance impact, and session replays to understand how technical issues affect your users' experience with New Relic browser monitoring."
10+
freshnessValidatedDate: never
11+
---
12+
13+
The <DNT>**User impact**</DNT> page in <InlinePopover type="browser"/> helps you understand how technical performance issues affect your users' actual experience. This page bridges quantitative performance metrics with qualitative user behavior analysis, providing insights into user frustration patterns and their correlation with technical problems.
14+
15+
The User impact page consists of two main analysis areas: <DNT>**Frustration metrics**</DNT> and <DNT>**Performance impact**</DNT>. Each provides different lenses for understanding user experience issues and their technical root causes.
16+
17+
## Access User impact analysis [#access]
18+
19+
To view the User impact page:
20+
21+
1. Go to <DNT>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) > Browser > (select an app)**</DNT>.
22+
2. In the left navigation under <DNT>**More views**</DNT>, click <DNT>**User impact**</DNT>.
23+
3. Select either <DNT>**Frustration metrics**</DNT> or <DNT>**Performance impact**</DNT> from the tab.
24+
25+
You can also navigate here directly from the [Page views](/docs/browser/new-relic-browser/browser-pro-features/page-views-examine-page-performance) page by clicking <DNT>**Analyze frustration signals**</DNT> or <DNT>**Analyze performance impact**</DNT> link.
26+
27+
## Analyze frustration metrics [#frustration-metrics]
28+
29+
The Frustration metrics tab focuses on user behavioral indicators that signal confusion, annoyance, or difficulty completing tasks. This analysis helps you identify where users struggle most and prioritize fixes based on actual user pain points.
30+
31+
### Rage click analysis [#rage-clicks]
32+
33+
Rage clicks occur when users rapidly click the same element multiple times, typically indicating an unresponsive interface or broken functionality.
34+
35+
**Rage click trend chart:**
36+
37+
* Shows overall frustration patterns over time with deployment markers for correlation
38+
* Helps identify if recent deployments increased user frustration
39+
* Displays the overall frustration trend across your application
40+
41+
**Top affected pages table:**
42+
43+
* Lists browser interactions (SPA) or browser transactions (standard) with the highest rage click activity
44+
* Shows total rage clicks, associated errors, and available session replay counts for each page
45+
* Click session replay counts to view filtered sessions with frustration signals
46+
* Includes a "View all" option to explore the complete list with search capabilities
47+
48+
**Rage click events chart:**
49+
50+
* Displays a stacked bar chart showing rage click trends for specific pages
51+
* Use the dropdown to filter by the top affected pages
52+
* Analyze patterns for individual browser interactions or transactions
53+
54+
### Top affected page elements [#affected-elements]
55+
56+
This section provides granular analysis of which specific UI elements cause the most user frustration:
57+
58+
**Metadata section:**
59+
* Shows the percentage of rage clicks among total user interactions
60+
* Provides context for how widespread frustration signals are relative to normal usage
61+
62+
**Elements table:**
63+
* **Target tag and target class**: Identifies the specific HTML elements users rage-click most frequently
64+
* **Rage click rate**: Shows the percentage of sessions that included rage clicks on each element
65+
* **Most affected URLs**: Displays which pages contain the problematic elements
66+
* **Session replays**: Count of available replays for analysis (click to view filtered sessions)
67+
* **Recommended sessions**: Direct access to sessions where rage clicks correlate with JavaScript errors
68+
69+
<Callout variant="tip">
70+
Recommended sessions prioritize replays where rage clicks immediately follow JavaScript errors, providing the strongest correlation between technical issues and user frustration.
71+
</Callout>
72+
73+
## Analyze performance impact [#performance-impact]
74+
75+
The Performance impact tab examines how technical performance problems affect user sessions, focusing on measurable performance metrics and their correlation with user experience issues.
76+
77+
### Web vitals monitoring [#web-vitals]
78+
79+
Core Web Vitals provide standardized metrics for user experience quality:
80+
81+
* **Largest Contentful Paint (LCP)**: Loading performance measurement
82+
* **Interaction to Next Paint (INP)**: Responsiveness to user interactions
83+
* **Cumulative Layout Shift (CLS)**: Visual stability during page load
84+
85+
Each metric displays current values with status indicators (good, needs improvement, poor) based on Google's recommended thresholds.
86+
87+
### Error analysis [#error-analysis]
88+
89+
**Error rate trend:**
90+
* Shows JavaScript error patterns over time with deployment markers
91+
* Helps correlate error spikes with specific deployments or changes
92+
* Displays overall error trends across your application
93+
94+
**Error rate distribution:**
95+
* Provides a breakdown of the most frequently occurring error types
96+
* Shows error counts faceted by error messages
97+
* Click specific error types to navigate to detailed error analysis in Error Inbox
98+
99+
### Top affected pages analysis [#affected-pages-performance]
100+
101+
This table identifies which pages experience the most performance-related user impact:
102+
103+
* **Page URL**: Browser interactions (SPA) or browser transactions (standard) with performance issues
104+
* **Error class and error message**: Specific types of errors occurring on each page
105+
* **Error rate**: Percentage of sessions affected by errors on each page
106+
* **Session replays**: Available replay counts for affected sessions
107+
* **Recommended sessions**: Direct access to sessions with the highest correlation between errors and user impact
108+
109+
Click session replay counts to view sessions filtered by error class and error message, maintaining analysis context.
110+
111+
### Geography analysis [#geography]
112+
113+
Understanding performance impact by geographic location helps identify regional infrastructure or connectivity issues:
114+
115+
**Performance map:**
116+
* Visual representation of error rates or error counts by geographic region
117+
* Toggle between error rate (percentage) and error count (absolute numbers) views
118+
* Zoom functionality to focus on specific regions
119+
120+
**Geography table:**
121+
* **Location data**: Country, region, or city-level performance breakdown
122+
* **Error metrics**: Error rates and counts for each geographic area
123+
* **Session replays**: Available replay counts for geographic segments
124+
* **Favoriting**: Mark frequently monitored regions for quick access
125+
* **Filtering**: Click rows to apply geographic filters and zoom the performance map
126+
127+
**Key attributes breakdown:**
128+
* **Country code and city**: Geographic segmentation options
129+
* **Browser and browser version**: Technology stack correlation with performance issues
130+
* **Device type**: Performance differences across device categories
131+
* **Page URL**: Most problematic pages in each geographic region
132+
133+
<Callout variant="important">
134+
Geography analysis requires sufficient data volume to provide meaningful insights. Low-traffic applications may see limited geographic granularity.
135+
</Callout>
136+
137+
## Navigation and filtering [#navigation-filtering]
138+
139+
### Cross-page workflows [#cross-page]
140+
141+
The User impact page integrates seamlessly with other browser monitoring features:
142+
143+
* **From Page views**: Navigation preserves time ranges and applied filters
144+
* **To Session Replay**: Session replay counts maintain context with relevant filters applied
145+
* **To Error Inbox**: Error distribution links carry error type filters
146+
* **To Browser pages**: Key attributes link to detailed browser analysis
147+
148+
### Filter management [#filter-management]
149+
150+
* **Persistent filters**: Applied filters remain active during page reloads within the same analysis type
151+
* **Context switching**: Filters reset when switching between Frustration metrics and Performance impact tabs
152+
* **Dynamic filtering**: Supports device type, page URL, user agent, and geographic filters
153+
* **Time range synchronization**: Time selections apply consistently across all charts and tables
154+
155+
### Session Replay integration [#session-replay-integration]
156+
157+
Session replay counts throughout the User impact page provide direct access to user sessions:
158+
159+
* **Contextual filtering**: Replays open with relevant filters (rage click events, error conditions, page context)
160+
* **Recommended prioritization**: "Recommended sessions" highlight replays with the strongest correlation between technical issues and user frustration
161+
* **Additional context**: Session replay tables include frustration signal counts for each session
162+
163+
<Callout variant="caution">
164+
Session replay availability depends on your [sampling configuration](/docs/browser/browser-monitoring/browser-pro-features/session-replay#configure-sampling). Consider increasing sampling rates if you consistently see low replay counts for high-impact issues.
165+
</Callout>

0 commit comments

Comments
 (0)