View (Page)¶

You can view the user access environment, trace user operation paths, decompose response times of user operations, and understand performance metrics of backend application call chains triggered by user operations.

In the View Explorer, you can:

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

Explorer List¶

In the View Explorer, you can quickly view the page address, page load type, page load time, and user dwell time during user access.

Details Page¶

Click on the data details page you need to view in the list to see the page performance details of user access, including attributes, source, performance details, trace details, error details, and related logs.

Source¶

Under Source, you can view the Session details of the current View, and filter or copy the current Session ID.

Performance¶

The Performance page helps you view the front-end page performance when users access a specified application, including page load time, content paint time, interaction time, input delay, etc. Using the diagram below as an example, the LCP (Largest Contentful Paint) metric reaches 8.4 seconds, while the recommended time is within 2.5 seconds, indicating slow page loading and the need for optimization.

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

{{ no such element: super_collections.SuperDict object['ai_copilot_name'] }} Error Analysis¶

TrueWatch provides the ability to analyze error data with one click. It leverages large models to automatically extract key information from data, combined with online search engines and O&M knowledge bases, to quickly analyze possible causes of failures and provide initial solutions.

1. Click on a single data entry to expand the details page.
2. Click on "{{ no such element: super_collections.SuperDict object['ai_copilot_name'] }} Error Analysis" in the upper right corner.
3. Start anomaly analysis.

Extended Fields¶

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

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

After checking the field alias, you can view it after the field name. You can choose as needed.

On the trace details page, you can view the relevant field attributes of the current trace under Extended Fields:

Related Fetch/XHR¶

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

If a network request has a corresponding trace_id, a small icon appears before the request. Clicking it allows you to jump to the details page of the corresponding trace.

Click on a data row, and you can choose to view the trace or resource related to that data entry:

Related Errors¶

When switching to Errors, you can view error data information, error types, and error occurrence times during this user access session.

Click on the error information to jump to the details page of the corresponding error.

For more error details, refer to Error Explorer.

Related Logs¶

Through the Logs section at the bottom of the details page, you can view logs and log counts from the last 1 hour based on the current user access, and perform keyword searches, multi-tag filtering, and time sorting on these related logs.

When opening related logs, the system will match the log index mapping based on fields such as app_id, source, and service in the current detail data, and automatically select the corresponding log index. The log count and log list use the same index matching results.

• If you need to view more detailed log information: click on the log content to jump to the corresponding log details page, or click Jump to go to the Logs section to view all logs related to this host.
• If you need to view more log fields or more complete log content: you can customize the Maximum Display Lines and Display Columns through the Display Columns settings in the related logs Explorer.

Note: For a smoother user query experience, TrueWatch automatically saves the user's browsing settings in Logs (including "Maximum Display Lines" and "Display Columns") in real-time to keep Related Logs consistent with Logs. However, custom adjustments made in Related Logs will not be saved after exiting the page.

Bind View¶

TrueWatch supports binding or deleting built-in views (user views) to the details page. Click "Bind Built-in View" to add a new view to the current details page.

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