View (Pages)¶

You can check the user access environment, trace back the user's operation path, break down the response time of user operations, and understand the performance Metrics of a series of backend application calls caused by user operations.

In the View Explorer, you can:

• Track user access data for each page, including load time, dwell time, etc.;
• Combine data related to each page such as resource requests, resource errors, logs, etc., to comprehensively analyze the performance of business applications during user access, helping quickly identify and optimize code issues in the application.

Explorer¶

In the View Explorer, you can quickly view the page address, page load type, page load time, user dwell time, etc., when users access.

Details Page¶

By clicking on the details page of the data in the list that you need to view, you can see detailed information about the performance of the pages accessed by users, including attributes, sources, performance details, chain details, error details, associated logs, etc.

Sources¶

In Sources, you can view the Session details of the current View, filter/copy the current Session ID.

Performance¶

The Performance page helps you view the frontend page performance when users access a specified application, including page load time, content rendering time, interaction time, input delay, etc. Taking the following figure as an example, it shows that the LCP (Largest Contentful Paint) Metric reached 8.4 seconds, while the recommended time is within 2.5 seconds, indicating that the page loading speed is slow and needs optimization.

For events on the current page, you can choose to display the most recent 50, 100, 200 entries or all entries:

Extended Fields¶

Attributes are the properties and characteristics of data objects, defining the value of each attribute.

In the search bar, you can enter the field name or value to quickly search and locate;

After checking the field alias, you can view it after the field name; you can select as needed;

In the chain detail page, you can view the relevant field attributes of the current chain in Extended Fields:

Associated Fetch/XHR¶

When switching to Fetch/XHR, you can view every network request made by the user to the backend application during access, including the occurrence time, request chain, and duration.

If there is a corresponding trace_id for the network request, a prompt icon will appear before the request, and clicking it will redirect you to the details page of the corresponding chain.

By clicking on a data row, you can choose to view the related chain or resources for that data:

Associated Errors¶

When switching to Errors, you can view error data information, error types, and error occurrence times that appeared during the user's access.

Clicking on the error message will redirect you to the details page of the corresponding error.

For more error details, refer to Error Explorer.

Associated Logs¶

Through the Logs below the details page, you can view logs and log counts based on the current user's access within the last hour, and perform keyword searches, multi-label filtering, and time sorting on these related logs.

• If you need to view more detailed log information: You can click on the log content to be redirected to the corresponding log details page, or click Redirect to Logs to view all logs related to that host;
• If you need to view more log fields or complete log content: You can customize and adjust the Maximum Display Rows and Display Columns via the associated log Explorer's Display Columns.

Note: To enhance the user query experience, Guance saves user browsing settings in Logs (including "Maximum Display Rows" and "Display Columns") by default to ensure consistency between Associated Logs and Logs. However, any custom adjustments made in Associated Logs will not be saved after exiting the page.

Binding Views¶

Guance supports binding or deleting built-in views (user views) to the details page. Clicking on Bind Built-in View allows you to add a new view to the current details page.

For more details, refer to the documentation Bind Built-in View.