Web Page Fragment Loading Priority Management
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing content delivery systems struggle with dynamic web content, leading to impaired user experience due to server-side processing delays and inefficient handling of multiple web objects, which affects web page loading and performance.
Innovation Solution
A system and method that dynamically modifies a requested web page by splitting it into fragments, allowing an intermediary to manage and deliver them sequentially, with injected code executed by the browser to optimize loading priority and sequence, improving user experience and system performance.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If the web server performs server-side processing to generate dynamic web pages, then the web pages can be personalized and dynamic, but the server processing time increases significantly, impairing user experience
Solution Approach 1:
The web page is divided into multiple fragments that can be delivered independently to the client. The intermediary system splits the complete web page into several smaller fragments, allowing the client to receive and display critical content while additional content loads in the background, thereby reducing perceived processing time while maintaining dynamic content capabilities.
Solution Approach 2:
The intermediary system prepares and caches web page fragments in advance before the client requests them. By pre-processing and storing fragments at the intermediary location, the system reduces server processing time for actual requests while still providing personalized dynamic content through selective fragment assembly.
2Reliability
If all web object fragments are delivered and rendered, then complete web page functionality is provided, but bandwidth consumption and processing load increase
Solution Approach 1:
Different fragments of the web page are delivered with different priorities based on their importance and urgency. Critical fragments that provide core functionality are delivered first with high priority, while non-critical fragments are delivered later or on-demand, optimizing bandwidth usage while ensuring essential functionality is maintained.
Solution Approach 2:
The system delivers only the necessary portion of web content initially, allowing the client to function with critical information while additional content loads in the background. This partial delivery approach reduces immediate bandwidth consumption while maintaining overall page functionality through progressive enhancement.
3Productivity
If code is injected into web page fragments to control loading priority, then loading optimization is achieved, but system complexity increases
Solution Approach 1:
An intermediary system is introduced between the web server and the client to handle the complexity of fragment management, code injection, and loading priority control. This intermediary absorbs the system complexity, providing loading optimization through injected code while shielding the server and client from the complexity details.
Data Source
AI summary
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.