Load Performance

• Displays the number of active users, page views, average loading time, JS errors, P75 Largest Contentful Paint (LCP), slow API rate, and API success rate.
• Page Performance: displays the access speed metrics, performance trend, performance sample distribution, and page performance analysis.
• Feature Statistics: displays the region distribution, region loading performance distribution, browser distribution, carrier distribution, and operating system distribution.

  Table 1 Load performance parameters

  Parameter	Description
  UV	Number of visitors who access the website. If a user accesses the site multiple times in a day, only one UV will be counted.
  PV	Page view (PV), which is the number of times a page is opened or refreshed.
  Avg. Load Time	Average page load time.
  JS Errors	Number of JS errors.
  P75 Largest Contentful Paint (LCP)	Largest Contentful Paint (LCP) reports the render time of the largest image or text block visible in the viewport, relative to when the user first navigated to the page. The 75th percentile LCP is used here.
  Slow APIs	Slow APIs refer to APIs with load time longer than 1,000 ms. Slow API proportion = Number of slow APIs/Total number of APIs
  API Success Rate	API success rate = Number of APIs that are successfully called/Total number of APIs

Options: Last 20 minutes, Last hour, Last 3 hours, Last 6 hours, Last day, Today, Yesterday, Last week, Last month, or Custom.

1. Access Speed Metrics
   Displays the number of load times, average load time, First Contentful Paint (FCP), First Paint (FP), Time to Interactive (TTI), Cumulative Layout Shift (CLS), Interaction to Next Paint (INP), and average Largest Contentful Paint (LCP).

   Table 2 Access speed metrics

   Parameter	Description
   Load Times	Number of times the page was loaded.
   Avg. Load Time	Average page load time. Duration from the time when you open a website to the time when the content on the home page of the browser has been rendered.
   First Contentful Paint (FCP)	Duration for the first content (such as the text, image, or canvas) to be rendered on the page.
   First Paint (FP)	Duration for the first pixel to be rendered on the page. This occurs when the HTML parsing is completed or partially completed.
   Time to Interactive (TTI)	Duration from the time when a page starts to be loaded to the time when main resources are rendered and a response is made.
   Cumulative Layout Shift (CLS)	CLS measures the scores for every unexpected layout shift that occurs during the entire lifecycle of a page and add them together.
   Interaction to Next Paint (INP)	INP measures how responsive a page is to visitor interactions. It measures the elapsed time between a click or a keypress. (This option is disabled by default. You can configure it by setting enableInp in initialization parameters.)
   Avg. Largest Contentful Paint (LCP)	LCP reports the render time of the largest image or text block visible in the viewport, relative to when the user first navigated to the page. The average LCP is used here.

   • Click the colored circle next to each metric. When the cursor is hovered over a circle, the corresponding metric will be highlighted. If a circle is gray, the corresponding metric will not be displayed in the trend graph. If a circle is colored, the corresponding metric will be displayed in the trend graph.
   • Move the cursor to the graph. The detailed metric information is displayed.
2. Performance Trend
   Displays the P50, P75, P90, P95, and P99 values of a metric at different time points.

   Figure 1 Performance trend
   
   1. 1 in Figure 1: Click the colored circle next to each metric. When the cursor is hovered over a circle, the corresponding metric will be highlighted. If a circle is gray, the corresponding metric will not be displayed in the trend graph. If a circle is colored, the corresponding metric will be displayed in the trend graph.
   2. 2 in Figure 1: Select a metric from the drop-down list. Options: Largest Contentful Paint (LCP), First Contentful Paint (FCP), Cumulative Layout Shift (CLS), First Paint (FP), and Interaction to Next Paint (INP).
   3. 3 in Figure 1: Move the cursor to the graph. The detailed metric data is displayed.
3. Performance sample distribution
   Displays the number of load times at different time. Move the cursor to the graph. The detailed metric information is displayed.

   1. 1 in Figure 2: Select a metric from the drop-down list. Options: Largest Contentful Paint (LCP), First Contentful Paint (FCP), Cumulative Layout Shift (CLS), First Paint (FP), and Interaction to Next Paint (INP).

      As shown in Figure 2, there are six loads when LCP is in the range of 0–1,000s.

   2. 2 in Figure 2: Move the cursor to the graph. The detailed metric data is displayed.
      Figure 2 Performance sample distribution
      

4. Page performance analysis

   Displays performance analysis details of different pages. The metrics include Page URL, Load Times, Largest Contentful Paint (LCP), Avg. Load Time, First Contentful Paint (FCP), First Paint (FP), Time to Interactive (TTI), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP).

   • Enter the search criteria in the search box and click to view the page performance analysis list that meets the search criteria.
   • Click in the upper right corner of the page performance analysis list and select the target metric data.
   • By default, the page performance analysis list is sorted by Load Times in descending order.

• Page access speed metrics
  Displays the number of load times, average load time, First Contentful Paint (FCP), First Paint (FP), Time to Interactive (TTI), Cumulative Layout Shift (CLS), Interaction to Next Paint (INP), and average Largest Contentful Paint (LCP) of a URL. For details about the parameters, see Table 2.

  1. Click the colored circle next to each metric. When the cursor is hovered over a circle, the corresponding metric will be highlighted. If a circle is gray, the corresponding metric will not be displayed in the trend graph. If a circle is colored, the corresponding metric will be displayed in the trend graph.
  2. Move the cursor to the graph. The detailed metric information is displayed.
• Performance trend
  Displays the P50, P75, P90, P95, and P99 values of a metric at different time.

  1. 1 in the preceding figure: Click the colored circle next to each metric. When the cursor is hovered over a circle, the corresponding metric will be highlighted. If a circle is gray, the corresponding metric will not be displayed in the trend graph. If a circle is colored, the corresponding metric will be displayed in the trend graph.
  2. 2 in the preceding figure: Select a metric from the drop-down list. Options: Largest Contentful Paint (LCP), First Contentful Paint (FCP), Cumulative Layout Shift (CLS), First Paint (FP), and Interaction to Next Paint (INP).
  3. 3 in the preceding figure: Move the cursor to the graph. The detailed metric data is displayed.
• Performance sample distribution
  Displays the number of load times at different time. Move the cursor to the graph. The detailed metric information is displayed.

  1. 1 in Figure 3: Select a metric from the drop-down list. Options: Largest Contentful Paint (LCP), First Contentful Paint (FCP), Cumulative Layout Shift (CLS), First Paint (FP), and Interaction to Next Paint (INP).

     As shown in Figure 3, there are six loads when LCP is in the range of 0–1,000s.

  2. 2 in Figure 3: Move the cursor to the graph. The detailed metric data is displayed.
     Figure 3 Performance sample distribution
     
• Page resource load time
  Displays Resource Load Time, Static Resources, APIs, and Static Resource Size of a URL.

  Table 4 Parameters related to the page resource load time

  Parameter	Description
  Resource Load Time	Time consumed by loading resources.
  Static Resources	Number of resources that are directly displayed on a fixed web page without database queries or program processing.
  APIs	Number of APIs for accessing a page.
  Static Resource Size	Size of resources that are directly displayed on a fixed web page without database queries or program processing.

• Loading performance distribution

  Displays the number of URL loads in different load time ranges. Move the cursor to the graph. The detailed metric information is displayed.

• Page loading

  The page loading time consists of network time, DOM parsing time, and resource loading time. For the network connection details, see the waterfall graph.

  Table 5 Parameters related to the page load time

  Parameter	Description
  DNS Lookup	Time spent on DNS lookup for the page.
  TCP Connection	Time required for connecting to the server, including the SSL handshake, SSL connection, and TCP three-way handshake time.
  SSL Connection	Time required for establishing an SSL connection. HTTPS requests involve such time. It is included in the TCP connection time.
  Time to First Byte	Time from when the request is sent to when the first byte is received.
  Content Transmission	Time taken by the browser to receive the server's response.
  Network Time	Time taken from the time when a user sends a page request to the time when the browser receives a server response, involving DNS lookup, TCP connection, request response, and network transmission events.
  DOM Parsing	Time taken to draw the DOM structure tree during DOM parsing.
  Resource Loading	Time required for document, HTML, and JS parsing, and resource (such as CSS and image) loading.

• Single page access performance
  1. Go to the Single Page Access Performance area at the bottom of the page and click Details.

     By default, the single page access performance analysis list is sorted by access time in descending order.

  2. On the displayed details page, view the page performance details. There are three modules on this page: performance metrics, page load exploded view, and resource loading analysis.
     1. Performance Metrics

     2. Page Load Exploded View: displays the total time required for page loading. For details, see Table 5.

     3. Resource Loading Analysis: displays resource loading information. Different resource types are in different colors. The length of a bar indicates the time taken to load resources. You can hover the cursor over a bar to view the loading time details or click the tab in the upper right corner to filter data by type.

• Specified API traces: Displays metrics such as the reporting time, URL, API, device ID, UID, tag, wait time, connection time, time to first byte, download time, and API request status. For details, see step 4.
• API summary: Displays the API, total number of requests, and proportion of requests. For details, see the API Summary.
• Status code summary: Displays the status code, total number of requests, and proportion of requests. For details, see Drilling Down to Status Code Distribution Details.

• Region Distribution: displays the region distribution graph, region name, number of load times and proportion, load time, First Paint (FP), and Time to Interactive (TTI).
  • If no province name is displayed in the Region column, the region distribution graph is not displayed.

    

  • When you hover the cursor over a region, the number of load times of the region is displayed in the bar chart on the right. You can scroll the mouse wheel to zoom in or out the region distribution graph.
• Region Load Performance Distribution: displays the line graph of a region's load times at different time.
• Browser Distribution: displays the browser distribution pie graph, browser name, number of load times and proportion, load time, First Paint (FP), and Time to Interactive (TTI).
• Carrier Distribution: displays the carrier distribution pie graph, carrier name, number of load times and proportion, load time, FP, and TTI.
• OS Distribution: displays the OS distribution pie graph, OS name, number of load times and proportion, load time, FP, and TTI.

  Table 7 Parameters related to page performance

  -	Parameter	Description
  Region Distribution	Region	Region name.
  	Load Times and Proportion	Number of page load times in a region and its proportion.
  	Load Time	Total page load time in a region.
  	First Paint (FP)	Total FP time in a region.
  	Time to Interactive (TTI)	Total TTI in a region.
  Browser Distribution	Browser	Browser name.
  	Load Times and Proportion	Number of page load times of a browser and its proportion.
  	Load Time	Total page load time of a browser.
  	First Paint (FP)	Total FP time of a browser.
  	Time to Interactive (TTI)	Total TTI of a browser.
  Carrier Distribution	Carrier	Carrier name.
  	Load Times and Proportion	Number of page load times of a carrier and its proportion.
  	Load Time	Total page load time of a carrier.
  	First Paint (FP)	Total FP time of a carrier.
  	Time to Interactive (TTI)	Total TTI of a carrier.
  OS Distribution	OS	OS name.
  	Load Times and Proportion	Number of page load times of an OS and its proportion.
  	Load Time	Total page load time of an OS.
  	First Paint (FP)	Total FP time of an OS.
  	Time to Interactive (TTI)	Total TTI of an OS.

• Region distribution
  1. Click a region name in the Region column. The access statistics details of the region are displayed. For details, see steps 1–2 in "Page performance".
• Browser distribution
  1. Click a browser name in the Browser column. The access statistics of the browser are displayed. For details, see steps 1–2 in "Page performance".
• Carrier distribution

  Click a carrier name in the Carrier column. The access statistics of the carrier are displayed. For details, see steps 1–2 in "Page performance".

• OS distribution

  Click an OS name in the OS column. The access statistics of the OS are displayed. For details, see steps 1–2 in "Page performance".