Page load statistics

Home > Select Project > Statistics > Page Load Statistics

Page Load Statistics provides load performance information for each page of the website. You can trace the load process of each page to identify underperforming pages and analyze the results of improved pages. You can also gain insights needed to improve the user experience of web applications.

• It provides load performance statistics for each page URL path.

• You can check statistics based on average, maximum, minimum, and percentile values.

• You can perform in-depth performance analysis by filtering the time information in the page load process.

• It uses the Navigation Timing API to collect the time for each step of a page load.

Note

For more information about the data collected in Page Load Statistics, see the following.

Checking the page load statistics

You can check various performance metrics such as page load time, DOM load time, network latency, and resource load time based on the URL path of the page. Using these metrics, you can evaluate the performance of each page and determine whether optimization is needed.

1. Go to Statistics > Page Load Statistics menu.

2. In Time, set the date and time to query the performance metrics.

   • Configurable time range: Minimum 5 minutes, maximum 3 days

   • Data query unit: 2 hours or less → 5-minute intervals, more than 2 hours → 1-hour intervals

   Tip

   Recent search time

   Previously queried time ranges are automatically saved in the recent search time list. Up to 10 search histories are saved, and you can quickly re-query by clicking the desired item.

3. In Statistical criteria, select the desired option. See the Statistical criteria document.

4. Click the button on the upper right of the screen.

5. The performance metrics for the selected time range are displayed as charts and lists in each section.

   • If you hover the mouse over the graph, you can check the detailed metrics for that time zone.

Selecting the statistical criteria

Statistical criteria is the aggregation method used when analyzing performance metrics. Users can select the desired criteria as an option.

Statistical criteria	Description
Avg	Provides statistics based on the average load time for each page. However, since intermittent performance degradation may be difficult to detect, you can use the maximum and percentile options together to check when performance degradation occurs and its severity.
Max	Provides statistics based on the maximum load time for each page. That is, you can identify which page URL has the most inefficient page load time.
Min	Provides statistics based on the minimum load time for each page. This can be used as a reference when evaluating the optimization status based on the fastest load time or setting performance goals. It is more effective to analyze together with the average or percentile option rather than using it alone.
percentile	Allows analysis based on the load time of a subset of all users, making it useful for identifying the proportion of users experiencing performance degradation and improving user experience.
	95quantile	The slowest 5% of page load times, representing the experience of the top 5% of users with the slowest page load times.
	90quantile	The page load time for the slowest 10% of users, primarily useful for identifying performance issues among slow user groups.
	75quantile	Shows the load time of the top 25% of users whose page load time is slower than the bottom 75%.
	50quantile	The median, meaning half of all users loaded the page faster than this time and half loaded it slower.

Page load performance trend

This chart visualizes the trend for page load counts and performance metrics (response time) over time. This graph allows you to check whether there were any performance fluctuations during a specific time zone. The items displayed in the chart vary depending on Statistical criteria.

• The blue bar graph shows the number of page loads for that time zone. If you click the blue bar graph for a specific time, you can check the data in the Top 10 page load times, Top 10 page load counts, and Page group list sections for that time range.

Statistical criteria: Avg/Max/Min

The purple line graph is the average page load time for that time zone.

Statistical criteria: percentile

Blue represents 50quantile, purple represents 75quantile, orange represents 90quantile, and green represents 95quantile.

Top 10 page load counts - Elapsed time

Page groups are grouped at 5-minute or 1-hour intervals and the elapsed time of the top 10 page groups with the highest page load count per unit is displayed in a time series graph. The graph is sorted in descending order of page load time.

• The bar chart at the bottom of the section displays the average value per page group of the data represented in the time series graph.

• If data is not collected in continuous time intervals but exists only in specific intervals, only the bar graph is displayed.

• How elapsed time is displayed based on the statistical criteria

  • Avg, Max, Min: Displays elapsed time using the selected reference value.

  • percentile: Displays elapsed time using the percentile value selected in the upper right of the section.

Top 10 page load counts - Count

Page groups are grouped at 5-minute or 1-hour intervals and the top 10 page groups with the highest page load count per unit are displayed in a time series graph. The graph is sorted in descending order of page load count.

• The bar chart at the bottom of the section displays the sum value per page group of the data represented in the time series graph.

• If data is not collected in continuous time intervals but exists only in specific intervals, only the bar graph is displayed.

Page group list

This is a list where you can check various performance metrics based on the page group. If you hover the mouse over a table column header, detailed information about that column is provided as a tooltip. For more information about the column items, see the following.

Icon item	Description
	Click the CSV button to save the query results as a CSV file.
Column Settings	You can hide, add, or change the order of columns. For more information, see the column settings document.
	Click the new window icon to view the page group list in a new window.

Note

If you select Statistical criteria as percentile, you can additionally check the count per page group and the elapsed time for 50quantile, 75quantile, 90quantile, and 95quantile.

Navigating from Page group list to User Session Log Search

Click the icon in the Page group column to navigate to User Session Log Search. You can check the results by applying the selected page group URL and query time as filters.

When navigating from Page Load Statistics to User Session Log Search, data before and after the specified time range may also be included.

• Query of 2 hours or more: Data is queried in 1-hour units, and 1 hour is added before and after the query time range.

  Ex. Query range: 11:00 - 14:00 (3-hour query) → Actual query range: 10:00 - 15:00 (5-hour total query)

• Query of 2 hours or less: Data is queried in 5-minute units, and 5 minutes are added before and after the query time range.

  Ex. Query range: 11:00 - 11:30 (30-minute query) → Actual query range: 10:55 - 11:35 (40-minute total query)

Page load statistics details

Click the Detail icon in the Page group list list on the Page Load Statistics screen to navigate to the Page load statistics details window, which shows the statistics for the selected page group.

• Page load timeline

  Provides the overall page load performance information for the web application. You can check the page load time and the process for each load step as average time. For more information, see the following.

  Note

  If you select Statistical criteria as percentile, the page load performance is displayed as percentiles. Blue represents 50quantile, purple represents 75quantile, orange represents 90quantile, and green represents 95quantile.

• Page load time

  Displays the page load time by time zone for the selected page group. You can select the desired performance metric from the dropdown list on the right of the page load time area. For more information, see the following.

  Note

  If you select Statistical criteria as percentile, the page load time by percentile is provided.

• Page load count

  Displays the page load count by time zone for the selected page group.

• Top 10 page loads by Browser / Top 10 page loads by OS / Top 10 page loads by Device

  Provides a pie chart of the top 10 browsers, operating systems, and devices based on the number of page loads. This allows you to understand the environment of users accessing the web application.

• Page load times by Browser / Page load times by OS / Page load times by Device

  Provides the page load time by browser, operating system, and device. This allows you to identify the user environment where page load times are slow.

  Note

  Switching between graph/table view

  Click the Graph and Table icons in the upper right to switch the view format. The table format provides additional elapsed time and detailed time information.

• Page URL Path list

  This is a table that provides performance metrics based on URL paths (Path) that are not grouped by regular expressions. You can check the results by applying the selected URL and query time as filters. If you hover the mouse over a table column header, detailed information about that column is provided as a tooltip. For more information about the column items, see the following.

  Icon item	Description
  	Click the CSV button to save the query results as a CSV file.
  Column Settings	You can hide, add, or change the order of columns. For more information, see the column settings document.
  	Click the new window icon to view the page group list in a new window.
  	Click the icon in the Page URL Path column to navigate to User Session Log Search. You can check the results by applying the selected URL and query time as filters.

  Note

  When navigating from Page URL Path to User Session Log Search, data before and after the specified time range may also be included.

  • Query of 2 hours or more: Data is queried in 1-hour units, and 1 hour is added before and after the query time range.

    Ex. Query range: 11:00 - 14:00 (3-hour query) → Actual query range: 10:00 - 15:00 (5-hour total query)

  • Query of 2 hours or less: Data is queried in 5-minute units, and 5 minutes are added before and after the query time range.

    Ex. Query range: 11:00 - 11:30 (30-minute query) → Actual query range: 10:55 - 11:35 (40-minute total query)

Info

Data collection restrictions

• Up to 5,000 page URL paths are generated every 5 minutes and sent to the server.

• If the number of unique URL paths exceeds 5,000 within 5 minutes, additional data is ignored.

Data accuracy

Some detailed time information from the Navigation Timing API may be collected as 0. Certain performance metrics may not be displayed.

Chart interval

The chart interval is determined by the time unit of the queried data.

• If you query with 1-hour data, the chart interval is displayed as 1 hour.

• If you query with 5-minute data, the chart interval is displayed as 5 minutes.

Filtering the queried results

You can filter the retrieved statistical data based on Page group or Performance metrics (ms) to focus on analyzing the desired content.

Click the filter input field at the top of the screen and specify the filter under Add filter. Filter tags are entered in the order of filter key, condition, and search value.

Entering the filter key, condition, and search value

• When entering the filter key, options for page group and performance metrics (ms) are provided.

• When entering the condition, if the filter key is page group, match and not match options are provided; if it is a performance metric, >, <, <=, >=, == options are provided.

• When entering the search value, matching searches (>, <, <=, >=, ==) are highlighted in blue, and exclusion searches (not match) are highlighted in red.

Note

For more information about the performance metrics that can be selected, see the following.

Removing filter tags

• Click the X icon on a tag to delete the applied tag.

• Click the clear all icon in the input field to delete all tags.

Setting columns

You can hide table header columns or add desired items in Page group list. You can also change the column order. Click the Column Settings button.

• You can sort the list on the left by clicking the (ascending) / (descending) icon.

Adding columns

1. In the Column setting window, select the column items to add from the list on the left.

   • To select all columns, click Select all at the top of the list on the left.

2. Check that the selected column items have been added to the Displayed items on the right.

3. Once you have added all the desired column items, click the Confirm button.

Note

For more information about column entries, see the following.

Deleting columns

1. In the Column setting window, click the on the right of the column item to delete from the Displayed items.

2. Check that the checkboxes for the deleted column items are unchecked in the list on the left.

3. Once you have deleted all the desired column items, click the Confirm button.

Changing the column order

You can change the order of columns.

1. In the Column setting window, drag items to reorder from the Displayed items list and move them to the desired position.

2. After all settings are finished, click the Confirm button.

Initializing the column settings

You can cancel all changes and reset them.

1. In the Column setting window, click the Initialized button.

2. To reflect the initialized settings, click the Confirm button.

Interpreting the queried results with AI Analysis

Click the AI Analysis button on the option bar to have WhaTap AI read the performance trend, the top page groups, and the browser, OS, and device summaries currently on screen together, and report what it finds. The button shows an icon only; hover over it to see its name in a tooltip.

1. Set the query conditions and click the button to query the data.

2. Click the AI Analysis button on the option bar.

3. The AI Analysis drawer opens on the right of the screen and the result is displayed as a stream.

• Page group names in the result are shown as links. Clicking a link opens the same detail window as clicking the detail view in the list.

• If you change the query conditions and query again, the result for the previous conditions is cleared.

• If the time input is invalid, the button is disabled. Hover over it to see the reason, An invalid time is selected.

Note

For how AI Analysis behaves in common and the data scope it uses, refer to the following document.

Columns and terms

Column	Unit	Description
Backend time	millisecond	Time processed on the backend while loading the page. (Time from startTime to responseEnd)
Frontend time	millisecond	Time processed on the frontend area while loading the page. (Time from domInteractive to loadEventEnd)
Redirect time	millisecond	Redirection time taken for the browser while loading the web page. (Time from redirectStart to redirectEnd)
Caching time	millisecond	Time taken for the browser to retrieve cached resources while loading the web page. (Time from fetchStart to domainLookupStart)
DNS time	millisecond	Time taken for the browser to query the website domain while loading the web page. (Time from domainLookupStart to domainLookupEnd)
Server connection time	millisecond	Time taken to establish a network connection between the browser and the server while loading a page. It is the time taken for the client and server to establish a connection.
SSL time	millisecond	Time taken for TLS handshaking. (Time from connectEnd to secureConnectionStart) Measured only when the last request used HTTPS.
FirstByte time	millisecond	Time taken for the browser to receive the first byte from the server after sending a network request while loading the web page. (Time from requestStart to responseStart)
Download time	millisecond	Time taken for the browser to download resources from the server while loading the web page. (Time from responseStart to responseEnd)
DomContentLoaded time	millisecond	Time taken for the web page to render its initial content and become interactive. (Time from domContentLoadedEventStart to domContentLoadedEventEnd)
Dom load time	millisecond	Time until all resources on the web page are loaded, rendering is complete, and the user can interact. (Time from loadEventStart to loadEventEnd)
Rendering time	millisecond	Time taken to render resources downloaded from the server on the screen and complete the page load event. (Time from domInteractive to domComplete)
onLoad event time	millisecond	Time until the load event measured by the browser is completed. (Time from start to loadEventEnd)
Elapsed time	millisecond	Time taken for the browser to completely load the web page.
Count	Count	Number of page loads.
Page group	URL text	A statistical group that provides URL paths normalized using regular expressions. For more information, see the following.
Page URL Path	URL text	A URL path that has not been normalized using a regular expression.
Browser	Text	The type of browser used by the end user, such as Chrome, Edge, Safari, etc.
OS	Text	The type of OS used on the end user's device, such as macOS, Windows, Linux, etc.
Device	Text	The type of device used by the end user, such as Desktop, Mobile, Tablet, etc.

Note

For more information about Navigation timing, see the following.