Understanding Your RUM Dashboard

Understanding Your RUM Dashboard

The PerfBee Real User Monitoring (RUM) dashboard provides valuable insights into how real users experience your website. By installing a lightweight JavaScript snippet, you can collect Core Web Vitals (CWV) data directly from your visitors. This article will guide you through the key features of the RUM dashboard and how to interpret the data to improve your website's performance.

Key Performance Indicators (KPIs)

The RUM dashboard focuses on key performance indicators, with a primary focus on the P75 percentile, aligning with Google's Core Web Vitals assessment methodology. This means we're showing you the experience of the 75th percentile of your users. Here's a breakdown of the key metrics:

• LCP P75 (Largest Contentful Paint): Measures the loading performance.
• CLS P75 (Cumulative Layout Shift): Measures visual stability.
• INP P75 (Interaction to Next Paint): Measures responsiveness to user input.
• FCP P75 (First Contentful Paint): Measures the time it takes for the first content to appear.
• TTFB P75 (Time to First Byte): Measures server responsiveness.
• Total Sessions: The total number of user sessions during the selected period.

Metric values are color-coded to quickly identify areas needing attention. Green indicates a 'good' score, amber indicates 'needs improvement', and red indicates a 'poor' score.

Data Visualization and Analysis

The RUM dashboard offers several tools for analyzing your data:

• Period Selector: Choose between 7-day and 30-day periods to analyze trends.
• Trend Chart: Visualizes the performance of each metric over time, helping you identify performance improvements or regressions.
• Pass Rate: Displays the percentage of user sessions where each metric falls within the 'good' range. This helps you understand the overall user experience quality.
• Percentiles: LCP and CLS display P50, P75, and P95 percentiles, giving you a more detailed view of the distribution of user experiences. INP, FCP, and TTFB show P75 only.
• Anomaly Detection: The dashboard includes anomaly detection, alerting you to sudden changes in your metrics that may indicate a problem.
• JS Errors: A count of JavaScript errors helps you identify and fix client-side issues.
• Device, Browser, and Connection Breakdown Charts: These pie/donut charts show the distribution of your users by device type, browser, and connection speed, allowing you to tailor your optimization efforts.

How to Use the RUM Dashboard

1. Install the RUM Snippet: Add the provided JavaScript snippet to your website's <head> or <body> tag.
2. Select a Period: Choose a 7-day or 30-day period from the date selector.
3. Analyze the KPIs: Review the KPI cards to understand your website's performance. Pay close attention to red and amber scores.
4. Examine the Trend Chart: Identify performance trends over time.
5. Check the Pass Rate: See how many sessions have good scores for each metric.
6. Investigate Anomalies: If any anomalies are detected, investigate the cause.
7. Analyze Breakdowns: Use the device, browser, and connection charts to identify areas for optimization.
8. Use the PerfBee Documentation for further instructions.

By regularly monitoring your RUM dashboard, you can proactively identify and address performance issues, leading to a better user experience and improved search engine rankings. Visit the PerfBee Dashboard to get started.