Page load waterfall

  • Latest Dynatrace
  • Reference
  • 7-min read
  • Published Jan 14, 2025

The page load waterfall in Experience Vitals Experience Vitals provides powerful visualization and analysis capabilities for understanding web application performance at the page instance level. This feature helps you analyze individual page loads, identify performance bottlenecks, and optimize the user experience by examining resource loading patterns and timing metrics.

Example page load waterfall

Access waterfall analysis

To access the page load waterfall

  1. Go to Experience Vitals Experience Vitals.
  2. Select a web frontend in the Explorer view and select Analyze performance, or directly select a frontend in the Performance view.
  3. Navigate to the Pages section and drill down into a specific page.
  4. Select Perform waterfall analysis.

Page load instances table

The Page load instances table displays a list of individual page loads captured during the selected timeframe containing some metadata, counts, and metrics.

Available columns:

  • Start time: The timestamp when the page load began
  • Country
  • Browser and browser version
  • Errors: The number of errors encountered during the whole page instance (not only the page load)
  • Long tasks: The count of long tasks that may have blocked the main thread during the whole page instance (not only the page load)
  • Core Web Vitals and W3C navigation timings of the page

Waterfall visualization

When you select a page load instance, the waterfall panel opens. In the waterfall you see each individual request of the page load instance with its type, name, timings, metadata, and the Gantt chart with the instance timing metric annotations and individual phases.

Clicking on any request in the waterfall reveals detailed information about the request and further drill down options. When hovering over the gantt chart entries you see the phase details.

Identify slow resources

Use the waterfall to identify resources that are taking too long to load:

  • Sort page instances by duration or specific metrics like TTFB or LCP
  • Select instances with poor performance
  • Examine the waterfall to find the resources contributing to slow load times
  • Look for resources with long response times or render-blocking behavior

Compare performance across conditions

Filter page load instances by:

  • Browser type and version: Identify browser-specific performance issues
  • Geographic location: Understand performance variations by region
  • Error conditions: Compare successful loads with failed loads
  • Time periods: Analyze performance trends over time
Related tags
Digital ExperienceExperience VitalsExperience Vitals