> ## Documentation Index
> Fetch the complete documentation index at: https://developer.upsun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Comparing Continuous Profiling Timeframes

> Comparing continuous profiling timeframes

export const ContinuousProfilingSellableBody = () => <Info title="Feature availability">
    By default, Upsun offers 15 minutes of continuous profiling per project and for free.
    To get 30 days of continuous profiling per project and for a fixed fee, <a href="/docs/administration/billing/add-on-subscription#continuous-profiling-add-on">upgrade to the Continuous Profiling add-on</a>.
  </Info>;

<ContinuousProfilingSellableBody />

Upsun Continuous Profiler dashboard allows comparing two timeframes to better
understand application dynamics in various contexts.

You could compare two versions of the application, before and after a deployment,
or rush hours with quiet times for instance.

## Enabling comparison mode

A toggle on the top right corner of the continuous profiling dashboard enables
the comparison mode.

<img src="https://mintcdn.com/upsun-c9761871/tdb1nLmHEPAmx6I9/images/observability/cont-prof-comparison-console.png?fit=max&auto=format&n=tdb1nLmHEPAmx6I9&q=85&s=cdbca40ee3c56538a7246f8cb778eadb" alt="Routes" width="2830" height="614" data-path="images/observability/cont-prof-comparison-console.png" />

With comparisons enabled, you can select two timeframes referred to as `A` and
`B`. Those times can overlap.

## Understanding continuous profiling visual comparison

The flamegraph provides a visual representation of how timeframe `B` compares
to `A` for the selected dimension using shades of colors. The stronger the
color, the higher resource variation.

<img src="https://mintcdn.com/upsun-c9761871/tdb1nLmHEPAmx6I9/images/observability/cont-prof-comparison-flamegraph.png?fit=max&auto=format&n=tdb1nLmHEPAmx6I9&q=85&s=8bb695442494caf65d0432db84c10cc8" alt="Routes" width="541" height="300" data-path="images/observability/cont-prof-comparison-flamegraph.png" />

Shades of green indicates timeframe `B` is consuming less resources than `A`
for the selected dimension. Shades of red indicate the opposite.

A scale and contextual information are displayed when hovering a span. This ensures
accessibility for all users and allow colorblind users to benefit from this feature.

<img src="https://mintcdn.com/upsun-c9761871/tdb1nLmHEPAmx6I9/images/observability/cont-prof-comparison-scale.png?fit=max&auto=format&n=tdb1nLmHEPAmx6I9&q=85&s=ccfefd331bca3426485c95fb6c8fe928" alt="Routes" width="541" height="274" data-path="images/observability/cont-prof-comparison-scale.png" />
