# Statistics

With IMQA WPM statistics, you can retrieve previous data of various subjects using periods and conditions for observance and analysis. You can analyze the user data distribution for each performance index along with the user’s environment, or obtain the overall web status and insight.

## 1. Distribution Analysis <a href="#distribution-analysis" id="distribution-analysis"></a>

Distribution Analysis allows you to analyze the distribution of user data for each performance metric along with the user experience. After viewing the overall average performance in the Dashboard, you can drill down into specific bins with performance degradation in 30-minute increments.

<figure><img src="https://lh7-us.googleusercontent.com/tuXjGEptMIc9cDe3O3BnUDdScNIRbsNSojL7migE5kg_TF1B4VjFBmGrcMY0J8NkNBrNBgM8u2mUcsE8yznYdU2a6sW0QNPYRp-f3h9IcR96GoNq7Ud8sEt0byPN5OImBn4GO9NafrmKsGpw73AjjWQ" alt=""><figcaption></figcaption></figure>

The IMQA WPM Distribution Analysis page consists of the following:

**❶ Timeline**\
**❷ Performance rating graph**\
**❸ User information**\
**❹ Performance heat map**

### **Timeline**  <a href="#timeline" id="timeline"></a>

You can set the date and time (in 30-minute increments) you want to analyze. When you make changes, Performance Distribution Graph and User Experience will be updated as per your preferences.

<figure><img src="https://lh7-us.googleusercontent.com/aL6hqYyfOfX5wbyOlIbbfmHU_1eY9jsjRA3P6GOAnxbvT1zjYDmM9WqpR_FNIt8vlqbcPHP7KVLH5lyCPzyjDuYzs5fWlzk0vbRkwNpNrrFCV4Dj05jEG2Oo4H5teN-2uJ62cn7Emi0mxgerak8FM7I" alt=""><figcaption></figcaption></figure>

**❶ Timeline**\
You can change the date and time (in 30-minute increments) you want to analyze. When changes are made, the performance heatmap is updated based on the selected criteria.

<figure><img src="https://lh7-us.googleusercontent.com/ZZPTtLnFUPIO8EI7i3hS-b4hFHTK6WrvxkivlK1yuWDtaKJ_rrUEknyrP_HSicHsz2WpnRMPBddvDTx8NVuYNtzAyuOUewSBzVdyMLGKKxwtBQ4QxXfkhvGTDjMusNihus36Ssgy8ChfLfnEcPYRAoM" alt=""><figcaption></figcaption></figure>

**❷ Analysis Date**\
Defaults to “Today." You can change the date by clicking \[<]  \[>]. Can select a date up to 30 days ago.

**❸ Selected time zone**\
Displays the selected time zone. You can change to a different time zone.&#x20;

**❹ Current time zone**\
Displays the time zone that includes the “current time”.

**❺ Legend**\
Color density is displayed in 4 steps according to the number of aggregated data by time zone.

<figure><img src="https://content.gitbook.com/content/X3ORtb1pce7Cpo11Ufww/blobs/Wn7WOGFVxmjWEuoCCn7G/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-06-05%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.22.51.png" alt="" width="563"><figcaption></figcaption></figure>

### Performance rating graph <a href="#performance-rating-graph" id="performance-rating-graph"></a>

Displays the user data distribution for the selected 30 minutes as a histogram. You can analyze User Experience and Performance Heat maps by selecting a bin in the Performance Distribution Graph area.

<figure><img src="https://lh7-us.googleusercontent.com/r1yYNbLKPM-HXz9xRI14sG5B7bb_ZB40rYEYPn94oKBgcOhlmOT_FGueZElz6Co4BgaHPT7ugqcIvx9sdJ3RZ0g63Jx0cWVVb5l5udTcFQ7LIXRBijdFuversrztKFkEiKmAel8JhLjth7ptHJBO9fA" alt=""><figcaption></figcaption></figure>

**❶ Performance Metrics**\
You can change the performance metrics to “Rendering Time” and “Response Time" When you change the metric, Performance Distribution Graph and User Information will be updated accordingly.

**❷ Histogram**\
The histogram shows the class on the horizontal axis and the frequency on the vertical axis. It creates classes by setting several sectors for aggregated data and expresses the frequency with the number of data belonging to each class. The histogram is useful for understanding or comparing the frequency status of an entire population.

<table><thead><tr><th width="181" align="center">index</th><th width="187" align="center">X-axis</th><th width="145" align="center">Class</th><th align="center">Y-axis</th></tr></thead><tbody><tr><td align="center"><strong>Rendering Time</strong></td><td align="center">Rendering time(ms)</td><td align="center">0 ~ 5,000ms</td><td align="center">Number of collected data</td></tr><tr><td align="center"><strong>Response Time</strong></td><td align="center">Response time(ms)</td><td align="center">0 ~ 10,000ms</td><td align="center">Number of collected data</td></tr></tbody></table>

**❸ 50% baseline**\
Displays the average performance baseline. Showing the median of the overall data distribution, it is useful for understanding overall performance. A baseline closer to zero indicates faster performance.

**❹ 95% baseline**\
Displays the baseline of bottom 5% performance. Shows where the bottom 5% of the overall data distribution begins, useful for identifying the lowest performing data. A baseline closer to zero indicates faster performance..

**❺ Analyzable Bins**\
You can select bins separated by a baseline to drill down into performance data. Filter user information by the selected bin and display a performance heatmap. You’ll see up to three bins. Bins can overlap because they are divided based on the location of the data. In this case, a bin with higher % is shown.

<figure><img src="https://lh7-us.googleusercontent.com/zNZhvXoGhDi2EHpRY1md_CC709xOP-iiZGBPkTCr0pJEpONAzzv5mU2F0eo0_R_rBJuziQWrsTYvpgoyNNYpvUQQQ6FZGJtt5Jt-aLWDrC1_rHdhMxDvtDwLadBYhnLfpyqZEnRGi5on3X2e_P2CnuM" alt=""><figcaption></figcaption></figure>

* **Bin 1**: 0th to < 50th percentile in the total data distribution
* **Bin 2**: 50th to < 95th percentile in the total data distribution
* **Bin 3**: ≥ 95th percentile in the total data distribution

{% hint style="info" %}
You can check the performance environment of the app user by referring to the performance rating graph. If most of the users are distributed in the threshold range, we can see that the app is used smoothly. If they are distributed widely, it means that the app is not optimized for various user environments. You can use this information as an improvement index to set the target performance of the web browser application
{% endhint %}

### User information <a href="#user-information" id="user-information"></a>

The information is displayed for the bottom 5% section of basic performance and the selected one-day user environment is displayed in percentage. This information is updated when a section is changed in the performance rating graph area.

<figure><img src="https://lh7-us.googleusercontent.com/2ppYX10DKZVr6luzbXQW3tde5jRP_BSYJROg-xnRzUbasb2ED2y8K4jKSmUeXvpET6VJ_o7K61w69qUDFOJMIN2Rfv8h_4mR9Tn2xBEmT4od1i2eHJ56dZR1Bqsgtn-gen5Es5c17RaCZ0DDNnlnFfw" alt=""><figcaption></figcaption></figure>

* **Browser**: Displays users’ browsers aggregated over the selected section.
* **OS**: Displays the OS of the user aggregated from the selected section.
* **Page**: Displays the page of the user data aggregated from the selected section.

{% hint style="info" %}
User information is displayed based on the user’s User-Agent information when a user visits the website. IMQA WPM categorizes users by the OS and browser they use.\
OSs are typically categorized into Windows, macOS, Android, iOS, and Linux.

Browsers are generally categorized into Chrome, Safari, Microsoft Edge, Firefox, and Samsung Browser. An unspecified OS or browser may be labeled as “Unknown."
{% endhint %}

### Performance heat map <a href="#performance-heat-map" id="performance-heat-map"></a>

Displays the performance heat map that is related to the selected performance index standard. You can check the heat map for rendering time. For more information on the heat map by performance index, refer to “IMQA WPM User Guide > 4.6. Performance heat map”.

#### Rendering Time <a href="#loading" id="loading"></a>

You can view page load times measured on individual pages or SPA-based web browser applications. If you click a desired cell in the heat map area or select a section by dragging the mouse, the “Detailed performance analysis” pop-up window will be displayed.

<figure><img src="https://lh7-us.googleusercontent.com/sb7uXA3MOm1Avb71g2bbNQZnRv4WnkhKvpKW_aBjlIDQNzjTVY76QgnsM0CrSWapsTwVWstIHK7iHciGfkitbSGe7nJHv82QmQcBi5PFXSm7S8cVkJfH1B51tUhoFbCalUMSrZCeiE4y-f6TWWY7heE" alt=""><figcaption></figcaption></figure>

* **Rendering Time**: Calculates the loading time taken until the HTML page fires an onload event or a DOM change as a bin.
* **Legend**: Displayed in <mark style="color:red;">red</mark> if the section is more than the threshold, and <mark style="color:blue;">blue</mark> if it is less than the threshold. Color density is displayed in 4 steps according to the ratio of the data collected in the same-time axis.

&#x20;      <mark style="color:red;">◼︎</mark> More than the threshold <mark style="color:blue;">◼︎</mark> Less than the threshold

#### Response time <a href="#response" id="response"></a>

You can see the HTTP response time requested by the page. If you click a desired cell in the heat map area or select a section by dragging the mouse, the “Detailed performance analysis” pop-up window will be displayed.

<figure><img src="https://lh7-us.googleusercontent.com/ckBeL7WCZsUQ1oq1arHooYCcYcPg0H6tU7uQAld5mFMV9ooj9hji24cozEyfkcLoP5x2HuvD1pWTQAzMBQISsHwrbMwCXIHWePwmHrpPBSRiDGI0MAFqPVMDKR87Fuw52H_sAc5rNBWkpMDjliRruVo" alt=""><figcaption></figcaption></figure>

* **Response time**: Calculates the HTTP response time as a section.
* **Legend**: If the collected HTTP is in 4xx, 5xx status codes, it will be displayed in red. Otherwise, it will be displayed in blue. Color density is displayed in 4 steps according to the ratio of the data collected in the same-time axis.

&#x20;    <mark style="color:red;">◼︎</mark> 4xx, 5xx status codes  <mark style="color:blue;">◼︎</mark> etc.

## 2. Performance analysis <a href="#performance-analysis" id="performance-analysis"></a>

Performance Analytics displays the number of website accesses & visits and each performance metric as a time-series graph, and you can change bins to see where performance has dropped and how it is fluctuating from a macro perspective.

<figure><img src="https://lh7-us.googleusercontent.com/QEPiPE9pQ98yLO4N8RrIPE7RG3LugW6OtW_Xn86L49Q0wRVdIMxNvloQ8RNdRB4ikJx4Ikf71XuWQX-4WxjfbFCKDCC-TXZvwiU53UmS605pYNi056afvec9_tNp36BpNOgosjrLwNm44WpJYX-S-m0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-us.googleusercontent.com/-bvtakJqNcAYGu_loKIcSpu9mbrlJzdka_IgoEKu4EhPp0-wKPTUnTME4ze-oz2aWvQkP3qGwHQAyww0YS6J07fN3NAlMzhYFSQyrgeRt7r9rBhXjZyOpAhB84zjNu_v92GhW1xcAu06kKnW9nhKjh0" alt=""><figcaption></figcaption></figure>

* **30 min**: Shows performance for the last 30 minutes at 1-min intervals.
* **1 hour**: Shows performance for the 1 hour at 1-min intervals.
* **3 hours**: Shows performance for the last 3 hours at 1-min intervals.
* **12 hours**: Shows performance for the last 12 hours at 1-min intervals.
* **24 hours**: Shows performance for the last 24 hours at 1-min intervals.

## 3. Screen analysis <a href="#screen-analysis" id="screen-analysis"></a>

Screen Analytics displays the visit rate and issue rate, as well as the bottom 5% and average for each performance metric for a page visited by website users. You can change bins to see at a glance performance degradation that occurred per page. Pages are sorted by the highest visit rate, and you can jump to “Performance Analytics by Page” by clicking the screen card.

<figure><img src="https://lh7-us.googleusercontent.com/PzbklDvEyOhXGpSfcKtltibniKuYvLm35vROAkt5LdLLFetkwWNmBJSLLNMYL71D1L3QclN05SgSGHeV_HotgQh3kNVNHDV7y6EZ8rRzMpp3n-V1SyIWrDR4xhR2gpSR1lsFiPc8PhEwFMWqOG2peik" alt=""><figcaption></figcaption></figure>

## 4. User Statistics <a href="#user" id="user"></a>

You can check a user’s previous data on websige usage within a specific period from the User Statistics. You can inquire by period and conditions and get insights regarding website users through statistics by subject. You can check the status or identify patterns from a macroscopic perspective.

<figure><img src="https://lh7-us.googleusercontent.com/qHBsVQO74W2spsuOanelW7fqBvdUOhzvxe4BFBkF2V970vESY2jX2J2jU-gqmhKAHVxoghRlajXxcfRTlx7YJnCVR9cCa4xFQ9T1Arbu5RWGWQ1so4hynsQwryLq1tk_9FJJcFrJ2Ek_P0TWujO46UA" alt=""><figcaption></figcaption></figure>

The IMQA MPM Distribution Analysis page consists of the following:

**❶ Statistic Topic**\
**❷ Data range / Search Condition**\
**❸ Summary**\
**❹ Usage records by criteria**

### Statistic Topic <a href="#topic" id="topic"></a>

You can select a detailed subject to analyze previous data. You can analyze various statistic indexes according to the selected subject.

<figure><img src="https://lh7-us.googleusercontent.com/P1HclTiazZZg2GkdBLtJ8chF_EnA9BPWAbKHQ0_7JEec2_Ex_OE1TMz4h1sdfuTqwo5gtz5qLrFcrjGy75Vq5X6Y9mQuQvbD2N4pT6G6QZbx83ZBVkGcxeg73xygc9oLgtDn0XY2b3eZbkfCXbhm-JM" alt=""><figcaption></figcaption></figure>

**❶ Detailed subject of statistics**\
You can modify the detailed subject of statistics. Upon changing an index, you can view the statistics index for the corresponding subject.

{% hint style="info" %}
You can view the statistics of app usage history from the current user statistics. Statistics on more subjects will be provided in the future.
{% endhint %}

### Data Range/Search Condition <a href="#data-range" id="data-range"></a>

You can select a period or search condition. Data based on the selected period and condition are retrieved.

<figure><img src="https://lh7-us.googleusercontent.com/tvIcyt02MzOelIqTSe3TZRhRrsbxE5IOglVfd7aoxVOvyGI8jC1NNKTFq_QdlycppfFTgDiPxaku0HBLuTfBIEEe6x5L_rLgi-0EkZQpeloKtktkf3-c-HT0-v0AKwVT4uT3W0IX7ONxbKvILBkmk34" alt=""><figcaption></figcaption></figure>

1. Select the period for the retrieval. It is set to ‘Last 7 days’ by default. You can choose from ‘Today’, ‘Yesterday’, and ‘Last 7 days’.
2. Click \[Search] to retrieve data based on the selected period and condition.

### Summary - Users & Runs by date <a href="#daily" id="daily"></a>

This is the summary of website usage history. Daily user count and run count are represented by a heat map on the monthly calendar. Here shows the data density.

<figure><img src="https://lh7-us.googleusercontent.com/0IgatbTrDjiIMVF5PPMDP_-D52XaOijkGHjGxgjMJce5sQTAID-HEwS-SGkJ6Br0MQqQ2eSozMhftXQQwZCWW0xtGdr1wO-hhgYY50NLm30nd1wyvkLvMWBZ9h7MK3gIjUXLhRjSMmO0Z60BdoulTq8" alt=""><figcaption></figcaption></figure>

* **Display criteria**: Select the condition for the retrieval. It is set to ‘user count’ by default. Available options are ‘user count’ and ‘run count’. When changed, the heat map on the monthly calendar is updated.&#x20;
* **Daily Avg**: The user count and run count within the retrieved period are calculated into a daily average.
* **Range Total**: Calculates the totals for the retrieved period.
* **Legend**: You can view the maximum and the minimum user count and run count within the retrieved period.

  <figure><img src="https://3357982892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX3ORtb1pce7Cpo11Ufww%2Fuploads%2FzNPgPknzRSlaCDsOfNV3%2Fimage.png?alt=media&#x26;token=763a1032-e8c6-4744-8a43-0f90f2bdbaf3" alt=""><figcaption></figcaption></figure>
* **Monthly calendar heat map**: The daily user count and run count are visualized as a heat map on the monthly calendar. You can quickly view the figures as they are differentiated by four colors based on the maximum and the minimum numbers.

{% hint style="info" %}
Through the monthly calendar heat map, you can quickly check the app usage status on which days the users and the number of runs.
{% endhint %}

### Summary - Top 5 Screens by usage <a href="#top5" id="top5"></a>

This shows the summary of website usage history. You can view the top 5 screens with the highest views and visitors. The default order is by the highest number of visitors and views on pages. You can view the page information, user count and view count.

<figure><img src="https://lh7-us.googleusercontent.com/WpfDB7zCVVkRcpYhLTB9ZFYWYIWBvdEjv1RYO1M0cNrXqTjb5hEkWa4V9kyigU7WBNFGnRbXR4Yg_BNofLhNok7KPDfzkEKiHARYk1fxc3-HWJCOpfYzFw2XIn94GSb2CUbdPktE1wTYtOSVm5WDZ_E" alt=""><figcaption></figcaption></figure>

* **Visitors**: Counts the number of users who have visited the page. The count refers to the number of users alone, excluding duplicates.
* **Views**: Counts the number of visits for the page.

{% hint style="info" %}
Check the usage by the top/lowest visited page and utilize it as a performance improvement index.
{% endhint %}

### Users & Session <a href="#daily-user" id="daily-user"></a>

You can view the user count and session count of each page that corresponds to the retrieved period and conditions.

<figure><img src="https://lh7-us.googleusercontent.com/xDJA9EijzoddOrgCC-gbJpML3ZBh52bACIQks4-TniQ8b7_EA1oXBI0jAfZHcFDsiEydZjzX3YkJQCSS4oEIC7Ya-YqEtGUxtpnoN9ad0Ck8NHS0m_Oae994yhOPv1XitbWwQs460h8yjEDnnF6QY0Y" alt=""><figcaption></figcaption></figure>

**❶ Header(sort)**\
The default order is by the highest number of users. You can also sort by the lowest number of users.

**❷ Total**\
Displays the total user count and run count from the retrieved results.

**❸ Users & Session**\
Displays the user count and visit count for each page

* **App Version**: Displays the app version included in the search condition.
* **Users**: Counts the number of users for the page. The count refers to the number of users alone, excluding duplicates.
* **Session**: Counts accesses to your website on the selected date. This is the number of sessions that users have accessed and initiated on your website.

{% hint style="info" %}
You can view the dates in which the page was most used by users and duplicate run count during the retrieved period by referring to the daily user count and run count by versions. Observe the daily changes here.
{% endhint %}

### Page Usage <a href="#page-view" id="page-view"></a>

Displays the pages visited by users on your website that meet the view period and conditions. Sorted by default by the highest visitor count. You can view the page information, user count and view count.

<figure><img src="https://lh7-us.googleusercontent.com/Hv3TOCjiP2y_A8dWEWwumOfgAcdkcNu2TJBbFmOg7IdofeYY3wzdDGDNESBoE5ecIb311qHX4IAXNsi6_awgPT43qLLTiRU2PHbAh58vBVzCKLaiRG-j4O27DzvdKHDhnGBodQMNvVCcoA2dnWAPqng" alt=""><figcaption></figcaption></figure>

**❶ Header(sort)**\
The default order is by the highest number of visitors. You can also sort by the lowest number of visitors.

**❷ Total**\
Displays the total user count and view count from the retrieved results.

**❸ Screen usage**\
Displays the page information, user count, and view count.

* **Page**: Displays the names of pages. If the page name is too long, hover the mouse over the name to display the full name as a tooltip.
* **Visitors**: Counts the number of users who have visited the page. The count refers to the number of users alone, excluding duplicates.
* **Views**: Counts the number of visits for the page.

{% hint style="info" %}
You can view the pages with the highest and lowest number of visitors and the number of visits during the retrieved period by referring to the usage record by pages. Check the usage by the top/lowest visited screen and utilize it as a performance improvement index.
{% endhint %}