diff --git a/docs/product/explore/profiling/img/minimap.png b/docs/product/explore/profiling/img/minimap.png index 5fcf1fd498345..37f615c096028 100644 Binary files a/docs/product/explore/profiling/img/minimap.png and b/docs/product/explore/profiling/img/minimap.png differ diff --git a/docs/product/explore/profiling/img/profile-details-trace.png b/docs/product/explore/profiling/img/profile-details-trace.png new file mode 100644 index 0000000000000..df5269f1fefc4 Binary files /dev/null and b/docs/product/explore/profiling/img/profile-details-trace.png differ diff --git a/docs/product/explore/profiling/img/profile-flame-chart.png b/docs/product/explore/profiling/img/profile-flame-chart.png index 13957874a6d01..d7507b5ae0274 100644 Binary files a/docs/product/explore/profiling/img/profile-flame-chart.png and b/docs/product/explore/profiling/img/profile-flame-chart.png differ diff --git a/docs/product/explore/profiling/img/profiling-details.png b/docs/product/explore/profiling/img/profiling-details.png deleted file mode 100644 index 77df4ecc66704..0000000000000 Binary files a/docs/product/explore/profiling/img/profiling-details.png and /dev/null differ diff --git a/docs/product/explore/profiling/img/span-tree.png b/docs/product/explore/profiling/img/span-tree.png deleted file mode 100644 index b949a30c57ad1..0000000000000 Binary files a/docs/product/explore/profiling/img/span-tree.png and /dev/null differ diff --git a/docs/product/explore/profiling/img/table-view.gif b/docs/product/explore/profiling/img/table-view.gif deleted file mode 100644 index b2403effb4baa..0000000000000 Binary files a/docs/product/explore/profiling/img/table-view.gif and /dev/null differ diff --git a/docs/product/explore/profiling/img/trace-environment-view.png b/docs/product/explore/profiling/img/trace-environment-view.png new file mode 100644 index 0000000000000..3f44f996f5102 Binary files /dev/null and b/docs/product/explore/profiling/img/trace-environment-view.png differ diff --git a/docs/product/explore/profiling/img/trace-view.png b/docs/product/explore/profiling/img/trace-view.png new file mode 100644 index 0000000000000..104b9f11e792f Binary files /dev/null and b/docs/product/explore/profiling/img/trace-view.png differ diff --git a/docs/product/explore/profiling/img/transaction-environment-view.png b/docs/product/explore/profiling/img/transaction-environment-view.png deleted file mode 100644 index 28708256d10ea..0000000000000 Binary files a/docs/product/explore/profiling/img/transaction-environment-view.png and /dev/null differ diff --git a/docs/product/explore/profiling/img/tree-view.gif b/docs/product/explore/profiling/img/tree-view.gif new file mode 100644 index 0000000000000..af5c0323f7abb Binary files /dev/null and b/docs/product/explore/profiling/img/tree-view.gif differ diff --git a/docs/product/explore/profiling/img/waterfall-tree.png b/docs/product/explore/profiling/img/waterfall-tree.png deleted file mode 100644 index b8c8441a52fbd..0000000000000 Binary files a/docs/product/explore/profiling/img/waterfall-tree.png and /dev/null differ diff --git a/docs/product/explore/profiling/profile-details.mdx b/docs/product/explore/profiling/profile-details.mdx index 85a7362a060e6..5085722d80786 100644 --- a/docs/product/explore/profiling/profile-details.mdx +++ b/docs/product/explore/profiling/profile-details.mdx @@ -4,11 +4,9 @@ sidebar_order: 50 description: "Learn how to explore your profile data using the Profile Details page." --- -Profiling data can be used to gain insight into what methods and lines of your code are slow. Each profile has a detailed view that gives information about what happened in your code while the profile was collected and offers different ways to explore your profile data. This information can be found by going to the [Profiling page](https://sentry.io/orgredirect/organizations/:orgslug/profiling/) in sentry.io, clicking on a “Transaction” and then selecting a “Profile ID.” +Profiling can be used to gain insight into the exact functions and lines of code that are impacting performance. Each profile has a detailed view that illustrates the code that was running in your application and service while the profile was collected, with different ways to filter and visualize the data. To learn how to set up profiling and access profiling data, see the [**Profiling**](/product/explore/profiling/) documentation. -![Profiling details page](./img/profiling-details.png) - -The main visualization on this page is a flame graph. Learn more about flame graphs in [Flame Graphs and Aggregated Flame Graphs](/product/explore/profiling/flame-charts-graphs). +The main visualization on the Profile Details page is a flame graph. Learn more about flame graphs in [**Flame Graphs and Aggregated Flame Graphs**](/product/explore/profiling/flame-charts-graphs). ## Thread Selector @@ -56,32 +54,30 @@ The **Color Coding** toggle offers different ways to color the flame graph: ## Minimap -The “Minimap” shows a zoomed-out view of the profile, with the currently displayed section in a box. You can click and drag the Minimap to quickly navigate to a different part of the profile. Holding the shift key while scrolling will trigger zooming. Releasing the shift key will scroll in both vertical and horizontal directions. - -![Minimap](./img/minimap.png) +The **Minimap** shows a zoomed-out view of the profile, with the currently displayed section in a box. You can click and drag the minimap to quickly navigate to a different part of the profile. Holding the Shift key while scrolling will trigger zoom. Releasing the shift key will scroll in both vertical and horizontal directions. -## Transaction +![Minimap in the Profile Details page](./img/minimap.png) -The “Transaction” section below the “Minimap” renders a tree of spans. It's the same view shown on the performance waterfall chart, but condensed to minimize white space. This view is helpful for cross-referencing profiler stack frames with span data. +## Trace -![Waterfall tree view](./img/waterfall-tree.png) +The **Trace** section below the **Minimap** renders a tree of spans. It is a condensed representation of the same data shown in the [**Trace View**](/concepts/key-terms/tracing/trace-view/). This view is helpful for cross-referencing profiling data with span data. -![Span tree view](./img/span-tree.png) +![Spans in the Trace View](./img/trace-view.png) -_Example of the waterfall vs tree span view._ +![Spans in the Profile Details page](./img/profile-details-trace.png) -## Table View +## Tree View -The bottom of the screen shows a table representation of the flame graph. It provides an alternate view that enables you to see and sort functions by name, time spent in them, and their type (application or system). +The bottom of the screen shows a tree representation of the flame graph. It provides an alternate view that enables you to see and sort functions by name, time spent in them, and their type (application or system). -By default, the table displays “Bottom Up”, which shows the leafmost functions, or those with the most time at the top of a call stack. Long-running leaf functions are a good first indicator of performance bottlenecks. +By default, the tree displays “Bottom Up”, which shows the leafmost functions, or those with the most time at the top of a call stack. Long-running leaf functions are a good first indicator of performance bottlenecks. In “Bottom Up” view, expanding a row of the table shows the function's parent functions. In “Top Down” view, expanding a row shows all the children functions that function has called (also known as callees). -![Table view](./img/table-view.gif) +![Tree view in the Profile Details page](./img/tree-view.gif) -## Transaction and Environment View +## Trace and Environment View -This section of the **Profiling** page shows metadata about the transaction and device associated with this profile. +This section of the **Profile Details** page shows metadata about the trace and environment (OS, device, etc.) associated with this profile. -![Transaction and Environment view](./img/transaction-environment-view.png) +![Trace and Environment view](./img/trace-environment-view.png)