Systems and methods for managing loading priority or sequencing of fragments of a web object
This disclosure is directed to methods and systems for managing rendering of a web page in a browser. A client operated by a user may execute code within a first fragment of a web page as the first fragment is presented to the user. The code may be injected into the first fragment by an intermediary between the client and a server of the web page. The intermediary may have split the web page into the first fragment and a plurality of fragments, and may have modified a default rendering characteristic for each of the plurality of fragments. Each of the modified rendering characteristic may include a trigger and action for rendering of a corresponding fragment. The executing code may dynamically detect a trigger for rendering of a second fragment from the plurality of fragments. The executing code may initiate a corresponding action for rendering of the second fragment.
1. A system for managing rendering of a web page, the system comprising:
one or more processors;
a cache configured to store a plurality of fragments of a web page, each of the plurality of fragments having a rendering characteristic that comprises a trigger and an action for rendering of a corresponding fragment independent of other fragments of the plurality of fragments;
a browser executable on the one or more processors, the browser configured to render a first fragment of the plurality of fragments provided from the cache;
a sequencing engine executing on the one or more processors, the sequencing engine configured to:
when the first fragment is rendered, dynamically detect, based on a rendering characteristic of a second fragment from the plurality of fragments that is to be provided from the cache, a trigger for rendering of the second fragment within the first fragment, the trigger comprising a user action to move a specific portion of the first fragment having a fragment pointer of the second fragment, into a viewing region of a client, and
initiating, responsive to the detected trigger, a corresponding action for rendering of the second fragment within the specific portion of the first fragment having the fragment pointer of the second fragment.
2. The system of claim 1 , comprising an intermediary between the client and a server of the web page, wherein the browser is configured to send a request to the server for the web page, and the intermediary is configured to intercept the request.
3. The system of claim 1 , wherein each of the plurality of fragments has a rendering characteristic specified according to a configuration.
4. The system of claim 1 , wherein the browser is further configured to perform a pre-trigger action for the second fragment prior to detecting the trigger, the pre-trigger action comprising at least one of: withholding rendering of the second fragment, displaying nothing at an identified location of the web page, and displaying at least one item, the at least one item comprising at least one of: an indicator or message indicating that an item is loading, a temporary or placeholder item or image, an advertisement, or a special call-to-action item.
5. The system of claim 1 , wherein the sequencing engine is configured to detect a user event of the user action, comprising one of: a click event, a tap event, a touch event, a mouse-over event or a scroll event on the web page.
6. The system of claim 1 , wherein the sequencing engine is configured to detect that the viewing region of the client includes the specific portion of the first fragment, responsive to the user action.
7. The system of claim 1 , wherein the fragment pointer includes a unique identifier or a marker for the second fragment.
8. The system of claim 1 , wherein the sequencing engine is configured to initiate the corresponding action, the corresponding action comprising replacing one or more displayed items with the rendering of the second fragment.
9. The system of claim 1 , wherein the sequencing engine is configured to initiate the corresponding action, the corresponding action comprising rendering the second fragment immediately or as soon as the second fragment is available for rendering.
10. The system of claim 1 , wherein the sequencing engine is configured to initiate the corresponding action, the corresponding action comprising rendering the second fragment according to a specified delay or after a subset of the plurality of fragments have been loaded.
11. A method for managing rendering of a web page in a browser, the method comprising:
accessing, from a cache, a first fragment of a plurality of fragments of a web page, each of the plurality of fragments having a rendering characteristic that comprises a trigger and an action for rendering of a corresponding fragment independent of other fragments of the plurality of fragments;
rendering, by a browser executable on a client, the first fragment obtained from the cache;
dynamically detect, by a sequencing engine executing on the client when the first fragment is rendered, and based on a rendering characteristic of a second fragment from the plurality of fragments that is to be provided from the cache, a trigger for rendering of the second fragment within the first fragment, the trigger comprising a user action to move a specific portion of the first fragment having a fragment pointer of the second fragment, into a viewing region of the client, and
initiating, by the sequencing engine responsive to the detected trigger, a corresponding action for rendering of the second fragment within the specific portion of the first fragment having the fragment pointer of the second fragment.
12. The method of claim 11 , further comprising sending, by the browser, a request to a server for the web page, and intercepting, by an intermediary between the client and the server, the request.
13. The method of claim 11 , further comprising specifying the rendering characteristic for each of the plurality of fragments according to a configuration.
14. The method of claim 11 , further comprising performing, by the browser, a pre-trigger action for the second fragment prior to detecting the trigger, the pre-trigger action comprising at least one of: withholding rendering of the second fragment, displaying nothing at an identified location of the web page, and displaying at least one item, the at least one item comprising at least one of: an indicator or message indicating that an item is loading, a temporary or placeholder item or image, an advertisement, or a special call-to-action item.
15. The method of claim 11 , further comprising detecting, by the sequencing engine, a user event of the user action comprising one of: a click event, a tap event, a touch event, a mouse-over event or a scroll event on the web page.
16. The method of claim 11 , further comprising detecting, by the sequencing engine, that the viewing region of the client includes the specific portion of the first fragment, responsive to the user action.
17. The method of claim 11 , the fragment pointer includes a unique identifier or a marker for the second fragment.
18. The method of claim 11 , further comprising initiating, by the sequencing engine, the corresponding action, the corresponding action comprising replacing one or more displayed items with the rendering of the second fragment.
19. The method of claim 11 , further comprising initiating, by the sequencing engine, the corresponding action, the corresponding action comprising rendering the second fragment immediately or as soon as the second fragment is available for rendering.
20. The method of claim 11 , further comprising initiating, by the sequencing engine, the corresponding action, the corresponding action comprising rendering the second fragment according to a specified delay or after a subset of the plurality of fragments have been loaded.