You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/product/insights/frontend/web-vitals/index.mdx
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,22 +1,22 @@
1
1
---
2
2
title: "Web Vitals"
3
3
sidebar_order: 0
4
-
description: "Get a clear picture of your app's performance score and how each web vital shapes it. Then, learn how to drill in to explore opportunities to improve your app's overall performance."
4
+
description: "Get a clear picture of your app's Performance Score and how each Web Vital shapes it. Then, learn how to drill in to explore opportunities to improve your app's overall performance."
5
5
---
6
6
7
7
Web vitals are a set of key metrics that measure how users actually experience your site; these include load speed, responsiveness and visual stability. [Learn more about these metrics in Web Vitals Concepts](/product/insights/web-vitals/web-vitals-concepts/).
8
8
9
-
For your instrumented web apps, Sentry gathers web vitals from real user traffic across [supported browsers](web-vitals-concepts/#browser-support). These metrics are used to calculate a [Performance Score](#performance-score) for your web application. Using these metrics, we surface the pages that have the most [opportunity](#opportunity) to improve your app's overall performance.
9
+
For your instrumented web apps, Sentry gathers Web Vitals from real user traffic across [supported browsers](web-vitals-concepts/#browser-support). These metrics are used to calculate a [Performance Score](#performance-score) for your web application. Using these metrics, we surface the pages that have the most [opportunity](#opportunity) to improve your app's overall performance.
10
10
11
-
The interactive demo below walks through how to get insights on your web vitals.
11
+
The interactive demo below walks through how to get insights on your Web Vitals.
The **Web Vitals** page, found in the the **Insights** tab, gives you an overview of your page load and interaction performance for the selected project(s). It's a starting point for investigating poor Web Vitals affecting your web app and drilling down to better understand which pages are affecting your web performance the most.
18
18
19
-
In the top left, the [Performance Score](#performance-score) ring shows the overall performance rating of your application. Each component of the ring represents a single Web Vital and its relative weight and impact on the Performance Score. The area chart on the right shows you a breakdown - by Web Vitals - of your performance score over time, making it easy to spot which metrics are improving or slipping.
19
+
In the top left, the [Performance Score](#performance-score) ring shows the overall performance rating of your application. Each component of the ring represents a single Web Vital and its relative weight and impact on the Performance Score. The area chart on the right shows you a breakdown - by Web Vitals - of your Performance Score over time, making it easy to spot which metrics are improving or slipping.
20
20
21
21
Below this, you can see your app's p75 (75th percentile) vital values and the individual scores for each Web Vital. These highlight which Web Vitals need the most attention. Clicking on any Web Vital opens a more detailed summary of that metric and reveals which pages have the most [opportunity](#opportunity) for improvement.
22
22
@@ -30,14 +30,14 @@ The **Web Vitals** page only displays data from your application's initial page
30
30
31
31
## Page Summary
32
32
33
-
From the table in **Web Vitals** or a Web Vital Summary panel, click on a page to open its **Page Summary**. Here, you can see a summary of that single page's Web Vitals. In **Page Summary**, you can further drill down to a specific page load sample [Trace](/concepts/key-terms/tracing/#whats-a-trace), [LCP Element](/product/insights/frontend/web-vitals/web-vitals-concepts/#largest-contentful-paint-lcp), [Replay](/product/explore/session-replay/), or [Profile](/product/explore/profiling/). The right sidebar of the page displays a circular graph highlighting the page's performance score broken down by metric, as well as a "Page Loads" chart.
33
+
From the table in **Web Vitals** or a Web Vital Summary panel, click on a page to open its **Page Summary**. Here, you can see a summary of that single page's Web Vitals. In **Page Summary**, you can further drill down to a specific page load sample [Trace](/concepts/key-terms/tracing/#whats-a-trace), [LCP Element](/product/insights/frontend/web-vitals/web-vitals-concepts/#largest-contentful-paint-lcp), [Replay](/product/explore/session-replay/), or [Profile](/product/explore/profiling/). The right sidebar of the page displays a circular graph highlighting the page's Performance Score broken down by metric, as well as a "Page Loads" chart.
34
34
35
35
### Samples List
36
36
37
37
<Alert>
38
-
The samples list only shows page loads with web vitals and performance score.
39
-
If a page load is missing a required web vital, it will not be shown in the
40
-
samples list. Find out which web vitals are required in the [Browser
38
+
The samples list only shows page loads with Web Vitals and Performance Score.
39
+
If a page load is missing a required Web Vital, it will not be shown in the
40
+
samples list. Find out which Web Vitals are required in the [Browser
@@ -95,5 +95,5 @@ You can find out how to set up Sentry on your web application in the [installati
95
95
Although Sentry provides auto instrumentation for many frontend frameworks, there are some environments and scenarios that may not be fully supported. If you are unable to find your pages in the **Web Vitals** page, check to see if your page loads are meeting the following conditions:
96
96
97
97
-**Performance Scores** only support **Chrome**, **Firefox**, **Safari**, **Opera**, and **Edge** desktop and mobile browsers.
98
-
- Some pageloads may not capture all web vitals supported by Sentry. This may depend on the client browser and/or the unique behavior of your web page.
99
-
- Find out the full list of web vitals in the [Browser Support](/product/insights/web-vitals/web-vitals-concepts/#browser-support) table.
98
+
- Some pageloads may not capture all Web Vitals supported by Sentry. This may depend on the client browser and/or the unique behavior of your web page.
99
+
- Find out the full list of Web Vitals in the [Browser Support](/product/insights/web-vitals/web-vitals-concepts/#browser-support) table.
0 commit comments