Web Page Load Timing With Visible Element Detection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Traditional tracer applications struggle to capture accurate telemetry data within web-page applications that have dynamically-loaded elements, rendering tracking of client-side performance difficult.
Innovation Solution
The method involves detecting outgoing communications from a browser and changes in document object models (DOMs) visible to the user, automatically logging the start and end of spans based on these detections, and determining when DOMs have attained a calm state or when user interactions cause additional changes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If traditional tracer applications are used to monitor web page applications, then the instrumentation is simple, but the measurement precision of telemetry data is insufficient due to dynamically-loaded elements
Solution Approach 1:
The patent segments the web page monitoring into multiple DOM observers that track specific elements independently. Each observer monitors changes to particular DOM elements, allowing precise tracking of dynamically-loaded content without requiring a monolithic monitoring approach. This segmentation enables accurate telemetry data collection while maintaining manageable instrumentation complexity.
Solution Approach 2:
The patent introduces DOM observers as intermediary components between the tracer application and the web page elements. These observers act as mediators that detect changes in DOM elements and transmit this information to the telemetry system, enabling accurate tracking of dynamic content without direct complex instrumentation of each element.
2Measurement precision
If comprehensive telemetry data collection is implemented to track all DOM changes, then the measurement precision improves, but the loss of time increases due to processing overhead
Solution Approach 1:
The patent applies local quality by focusing telemetry monitoring on specific priority elements within the DOM rather than uniformly monitoring all elements. By identifying and tracking only the most important elements (such as above-the-fold content or user-critical components), the system achieves high measurement precision for key metrics while minimizing processing overhead and time loss.
Solution Approach 2:
The patent implements partial action by collecting telemetry data for a subset of critical DOM elements rather than all elements. This selective approach provides sufficient measurement precision for performance monitoring while reducing the processing burden and time overhead associated with comprehensive data collection.
3Measurement precision
If continuous monitoring of DOM changes is performed to capture all user interactions, then the measurement precision of user behavior tracking improves, but the use of energy increases
Solution Approach 1:
The patent implements periodic action by monitoring DOM changes at intervals triggered by specific events rather than continuously. The DOM observers are activated to track changes when user interactions occur or when critical elements are modified, providing accurate user behavior data while allowing the monitoring system to remain dormant during idle periods, thus reducing energy consumption.
Data Source
AI summary
Systems and methods for page load timing with visible element detection are disclosed herein. In some embodiments, a method includes detecting an outgoing communication from a browser, detecting a change in one or more document object models (DOMs) visible to a user, automatically logging a start of a span based on the detection of both the outgoing communication and the change in the one or more DOMs, executing operations relating to the one or more DOMs, determining at least one of: attaining a calm state of the one or more DOMs; or a user interaction causing an additional change to one or more DOMs, and automatically logging an end of the span based upon the determining.