tencent cloud

Feedback

Page Performance

Last updated: 2022-08-05 17:19:39

    This document describes how to use the page performance feature. It allows you to use performance change trend chart, page loading waterfall plot, region view, and other dimensions to analyze key page performance metrics, such as firstScreenTime and request response.

    Prerequisites

    You have connected your application.

    Directions

    1. Log in to the RUM console.
    2. On the left sidebar, click Page Performance.
    3. On the page performance page, you can view the page performance metrics.

    Performance view

    It displays the change trends of key page performance metrics.

    • You can click a legend above the chart to hide or show the corresponding data.
    • You can display the trend for the specified time period or the past 14 days.
    • You can drag the curve to display the FMP at a specific time point.
    • You can drag the round buttons left and right to adjust the time span of the chart.

    Page loading waterfall plot

    You can use the page loading waterfall plot to view the duration of each phase and optimize the page performance accordingly.
    The complete page loading duration is the sum of the TCP connection, DNS query, SSL connection, TTFB, DOM parsing, and resource loading durations.

    Core Web Vitals

    Core Web Vitals reflect user experience from perspectives of loading speed, interactivity, and visual stability, and grade pages into three levels of "Good", "Needs Improvement", and "Poor", helping you comprehensively optimize the user experience.
    Core Web Vitals include three core basic metrics: LCP, FID, and CLS.

    Metric Acronym Metric Name Description
    LCP Largest Contentful Paint It is the duration between when the user requests the website address and when the largest visible content element is rendered in the visible window. The element is usually an image, video, or a large block-level text element.
    FID First Input Delay It is the duration between when the user interacts with (clicks a link or button on) the page for the first time and when the browser responds to the interaction. The object of this metric is any interactive element that is clicked by the user for the first time.
    CLS Cumulative Layout Shift It is the total score of all accidental layout shifts throughout the entire lifecycle of the page, which is between 0 and any positive number. 0 indicates that there are no shifts, and the higher the value, the greater the website layout shift.

    Metric level

    Metric Level Description
    Good The performance is good.
    Needs Improvement The performance needs to be optimized.
    Poor The performance is poor.

    Other views

    View Name Description
    Top underperformed pages view It displays the top five pages with the poorest performance, including firstScreenTime, page loading duration, and day-over-day comparison, in order to help you understand the conditions of poorly performing pages and quickly find performance bottlenecks.
    Network/Platform view It uses a pie chart to display the number of exceptions, percentage, and firstScreenTime of pages from each network type/platform, such as 3G, 4G, and Wi-Fi networks as well as macOS, Windows, and iOS platforms.
    ISP view It uses a pie chart to display the number of exceptions, percentage, and firstScreenTime of pages from each ISP such as China Mobile, China Telecom, and China Unicom.
    Region view It uses a pie chart to display the number of exceptions, percentage, and firstScreenTime of pages from each region.
    Brand/Model view It uses a pie chart to display the number of exceptions, percentage, and firstScreenTime of pages from each mobile phone brand/model.
    Browser view It uses a pie chart to display the number of exceptions, percentage, and firstScreenTime of pages from each browser.
    Version view It uses a pie chart to display the number of exceptions, percentage, and firstScreenTime of pages from each application version. You can use new Aegis to pass in version during application connection to customize the version information related to development. The SDK version is used by default.
    ext1/ext2/ext3 views They are custom views. You can customize their parameters passed in during reporting.

    Metric description

    Metric Name Unit Description
    First Meaningful Paint (FMP) ms It is the duration between when the user requests to open a new page and when the browser renders the first meaningful paint.
    Complete page loading duration ms It is the duration between when the user requests to open a new page and when the browser completely renders the corresponding page.
    Complete page loading duration = TCP connection + DNS query + SSL connection + TTFB + DOM parsing + resource loading durations
    Time to First Byte (TTFB) ms It is the duration in milliseconds between when a page request is sent and when the first byte of the response data is received.
    DOM Parse ms It is the DOM parsing duration.
    DOM Ready ms It is the time it takes to completely load and parse the initial HTML document.
    DNS ms It is the DNS query duration.
    TCP ms It is the TCP connection duration.
    SSL ms It is the secure SSL connection duration.
    Request response ms It is the request response duration.
    Resource download ms It is the resource loading duration.
    Content download ms It is the duration between when the browser receives the first byte and when it receives the last byte.
    Contact Us

    Contact our sales team or business advisors to help your business.

    Technical Support

    Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

    7x24 Phone Support