Browser Page Rendering via Asynchronous Resource Segmentation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional web browsers inefficiently handle page navigation by transmitting full requests for new web pages, even when they share redundant content with the current page, leading to unnecessary data transmission and processing overhead.
Innovation Solution
Implementing asynchronous techniques, such as AJAX, within the browser to intercept and reformulate requests, reducing redundant data transmission by requesting only necessary resources and recycling content from the cache, thereby improving efficiency and network performance.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If the browser transmits a full request for the new web page including all content and resources, then the page can be rendered completely, but redundant data is transmitted and processing overhead increases
Solution Approach 1:
The patent segments the web page request into two parts: (1) a minimal request containing only the URL and necessary identifiers, and (2) the actual page content and resources that are fetched separately. This segmentation eliminates redundant data transmission by sending only essential information in the initial request while obtaining full content asynchronously.
Solution Approach 2:
The patent performs preliminary actions by pre-fetching and caching resources that are likely to be needed for the new page while the user is still viewing the current page. This includes pre-loading CSS, JavaScript, and image resources in the background, so that when navigation occurs, the new page can be rendered faster with minimal additional network traffic.
2Productivity
If the browser unloads and fully re-renders the new web page, then the page is displayed completely, but time is lost and processing overhead increases
Solution Approach 1:
The patent performs preliminary rendering actions by preparing the new page structure, styling, and scripts in advance while the user is still on the current page. Resources are pre-fetched and pre-processed, and the page structure is partially constructed in memory, so that actual display can occur rapidly with minimal rendering overhead.
Solution Approach 2:
The patent maintains continuity of useful action by keeping the browser's rendering engine and resource loaders actively working in the background during navigation transitions. Instead of stopping all processing during page transitions, the system continues to fetch resources, parse HTML, and prepare rendering contexts asynchronously, eliminating idle time and maintaining continuous productive work.
3Reliability
If the browser requests all resources for the new web page, then all content is available, but network bandwidth is wasted on redundant data
Solution Approach 1:
The patent segments resource requests into essential and non-essential categories. Critical resources needed for page structure and functionality are requested immediately, while non-critical resources such as high-resolution images, videos, and optional scripts are deferred or loaded on-demand. This ensures content completeness for essential functionality while minimizing network bandwidth consumption.
Solution Approach 2:
The patent applies local quality by adapting resource requests based on the specific context of the navigation. Different resource types and quality levels are requested based on device capabilities, network conditions, and user preferences. For example, lower-resolution images may be requested initially with options to load higher quality versions later, ensuring content adequacy while optimizing bandwidth usage.
Data Source
AI summary
In one embodiment, in response to the detection of an event initiated in connection with a first structured document rendered by a first client application executing on a host, the event related to a target structured document, a method includes receiving, by executable code segment embedded in with the first structured document and executing within the context of the first client application, a first request for resources, related to the target structured document, generated by the first client application; formulating and transmitting, by the executable code segment, a second request related to the target structured document to a remote server; accessing, by the executable code segment, one or more resources related to the target structured document; and rendering, by the executable code segment, content rendered by the first client application based at least in part on the one or more accessed resources.