Skip to content

Commit b1743a8

Browse files
committed
Add screenshot for mobile-screens, add frames delay section
1 parent d943299 commit b1743a8

File tree

2 files changed

+15
-0
lines changed

2 files changed

+15
-0
lines changed
563 KB
Loading

docs/product/insights/mobile/mobile-screens/index.mdx

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@ sidebar_order: 0
44
description: "Track the UI performance of your screens."
55
---
66

7+
The mobile screens insights module provides a high-level overview of the performance of your screens, and allows you to drill down into the performance metrics of individual screens.
8+
9+
![The mobile screens insights module.](./img/mobile-screens.png)
10+
711
## App Start
812

913
App start metrics track how long your mobile application takes to launch. For this, Sentry measures _cold starts_ and _warm starts_.
@@ -30,6 +34,8 @@ To track the responsiveness of the user interface, Sentry measures _slow frames_
3034

3135
For Apple, the frame rate can be higher, especially as 120 fps displays are becoming more popular. For these apps, Sentry detects the frame rate and adjusts the slow frame calculation accordingly.
3236

37+
On the mobile screens insights page, you can see a slow and frozen frame rate, indicating the percentage of frames that are slow or frozen during the lifetime of the transaction.
38+
3339
In the example below, the detail view of the transaction displays the slow, frozen, and total frames in an iOS application:
3440

3541
![The event detail of a transaction with slow and frozen frames measurements.](./img/slow-frozen-frames.png)
@@ -41,6 +47,15 @@ You can track slow and frozen frames for:
4147
- [iOS](/platforms/apple/guides/ios/tracing/instrumentation/automatic-instrumentation/#slow-and-frozen-frames)
4248
- [React Native](/platforms/react-native/tracing/instrumentation/automatic-instrumentation/#slow-and-frozen-frames)
4349

50+
## Frames Delay
51+
52+
Frames Delay is the user-perceived delayed duration of rendered frames. For example, at a refresh rate of 60fps, if a single frame render takes 20ms, the frame delay is 4ms (20ms - 16ms = 4ms).
53+
54+
You can track frames delay on the following platforms:
55+
- [Android](platforms/android/tracing/instrumentation/perf-v2/#frames-delay)
56+
- [Flutter](/platforms/flutter/integrations/slow-and-frozen-frames-instrumentation/)
57+
- [iOS, as part of slow and frozen frames](/platforms/apple/guides/ios/tracing/instrumentation/automatic-instrumentation/#slow-and-frozen-frames)
58+
4459
## Time to Initial Display and Time to Full Display
4560

4661
To track how long it takes your application to produce its first frame and then how long it takes to produce its first frame with all the content, Sentry measures time to initial display and time to full display, respectively.

0 commit comments

Comments
 (0)