Cisco Technology, Inc.

Shubham Jindal

Binil David Thomas

Lehong Hu

Xiaolu Li

Nandakumar Devi

Kunal Minda

Kalyan Kumar Sai

Vaibhav Tripathi

Binel David Thomas

In one embodiment, a monitoring process detects one or more events capable of causing a future state change in a browser application having initially loaded a single page application (SPA) page, and maintains one or more causality chains of the one or more events, each causality chain tracing events of that causality chain to a respective root cause event of that causality chain. Upon detecting a virtual page transition to create a new virtual page, the monitoring process may determine that a cause of the virtual page transition matches a particular root cause event of a particular causality chain, and correlates all events of the particular causality chain to the new virtual page (e.g., where events may notably include XHRs). In another embodiment, the monitoring process may further set a start time of the particular root cause event as the start time of the new virtual page.

Cause-based event correlation to virtual page transitions in single page applications

In one embodiment, a monitoring process identifies a plurality of media elements added inside a viewport of a webpage, and calculates a render time of each of the plurality of media elements. After determining a load completion time of the webpage, the monitoring process may then determine a particular media element of the plurality of media elements that rendered last in the viewport before the load completion time based on the calculated render times. Accordingly, the monitoring process may then establish that a visually complete time (VCT) of the webpage is a corresponding render time of the particular media element that rendered last in the viewport.

Accurately determining web page visually complete time

In one embodiment, a monitoring process detects a page load start time of a single page application (SPA) page having added direct resources and dynamic resources, tracks the direct resources and dynamic resources, and notes a load end time for each of the tracked direct resources and dynamic resources. The monitoring process stops the tracking of the direct resources and dynamic resources in response to a determination of a threshold duration of network inactivity, and determines a maximum load end time of the tracked direct resources and dynamic resources. Accordingly, the monitoring process may then set a page load time of the SPA page as a difference between the maximum load end time and the page load start time.

Determining end times for single page applications

In one embodiment, techniques herein determine a plurality of resources loaded during rendering of a web page on a client device, and determine a duration of time taken for each of the plurality of resources to fully load. Accordingly, the techniques herein may then cluster the plurality of resources into clusters, comprising a first cluster consisting of resources having the shortest durations of the plurality of resources and a second cluster consisting of resources having the longest durations of the plurality of resources. Those resources of the first cluster may then be classified as cached resources, while those resources of the second cluster may be classified as non-cached resources.

Growing community of inventors

Bengaluru, India

Shubham Jindal