Page Analysis
Users' perception of digital products is essentially "the complete process of a page load/interaction." For example, opening an e-commerce homepage, submitting an order page, or viewing a payment result page - the "loading speed, presence of lag, and normal operability" of each page directly determine user satisfaction. Isolated metrics detached from the "page" context (e.g., "an API response time of 200ms") cannot directly reflect user experience. Only by using the "page" as the carrier and correlating technical metrics like API calls, resource loading, and frontend rendering with "user behavior on that page" (e.g., button clicks, dwell time) can we determine whether "technical issues are genuinely impacting users."
For details on page definition and identification, refer to Pages.
Usage Scenarios
- Page Performance Troubleshooting: Track metrics like First Screen Load Time, White Screen Duration, and Resource Load Delays to identify slow loading bottlenecks (e.g., uncompressed large images, slow API responses). Identify anomalies such as page lag, crashes, and JS errors, and reconstruct the user's action path and environmental context when errors occurred.
- User Experience Optimization: Monitor the loading sequence of page elements (e.g., whether critical content loads first), optimize loading strategies to improve perceived speed, and analyze UX differences across regions and browser types to resolve compatibility issues in specific areas or browsers.
- Business Scenario Implementation: Core business pages (e.g., e-commerce, payment): Monitor page response speed during checkout and payment processes to reduce drop-off rates caused by poor experience. Post feature launch: Compare page performance and user behavior data before and after deployment to verify if new features impact experience. Marketing campaign pages: Track page access stability and load success rates during campaigns to ensure smooth operation.
- Long-term Performance & Experience Monitoring: Establish page performance baselines and set alert thresholds (e.g., trigger alert if First Screen Load exceeds 3 seconds) for early warning of potential issues. Continuously track optimization effectiveness, using data trends to evaluate the impact of improvements (e.g., reduction percentage in White Screen Duration after optimization).
Page List
Displays a list of all pages with reported metrics within the selected time range, organized by application. Supports filtering by attributes, dimensions, and tags, with customizable column headers and export functionality.
Page Details
This dashboard provides detailed performance and access insights for H5 pages, supporting the analysis of core page load metrics, data trends, and complete load records.
Single Page Applications (SPA) and Mini Program views currently do not have a details page.
Core Metrics Overview：The top section displays key performance indicators such as Average Full Load Time (1510ms), PV (2), FCP Duration, TTI Duration, providing a quick overview of the page's fundamental performance.
Metric Trend Analysis：Under the "Trend" tab, line charts show real-time fluctuations of multi-dimensional metrics like Full Load Time, TTFB Duration, and Response Duration, visually tracking performance volatility.
Load Record Details：The lower section lists all page load records (Total: 2), categorized by status such as "Healthy Load" and "Slow Load." Details like timestamp, user information, device type, and phase durations for each record are available for precise identification of anomalous load scenarios. For more details, see Data Search，Health Analysis.
Metric Distribution Analysis：Under the "Distribution" tab, maps and bar charts present dimensional statistical analysis results, facilitating problem localization.
