Browser Pre-fetching Engine for Predicted Network Pages
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing online shopping experiences are hindered by delays in rendering network pages due to the time it takes for browsers to retrieve and render content, especially when users navigate to predicted next pages, as current technologies do not effectively pre-fetch resources in advance.
Innovation Solution
Implementing a prediction engine to anticipate the next network page a user will access and pre-fetching both the page and its referenced resources based on attributes such as file size, type, and visibility position, allowing the browser to render the page immediately upon user selection.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Speed
If the browser retrieves and renders network page content on-demand when users navigate to pages, then the browsing system maintains simple operation and low resource consumption, but rendering delays occur reducing browsing speed and user experience
Solution Approach 1:
The system performs preliminary actions by predicting which network pages users will navigate to next and pre-fetching their content and referenced resources in advance. The prediction engine analyzes user behavior patterns, current page context, and navigation history to anticipate future pages, then initiates background retrieval operations before users actually request those pages, eliminating waiting time and achieving immediate rendering when pages are finally accessed
2Productivity
If the browser pre-fetches all referenced resources in advance, then page rendering is immediate, but resource consumption and system complexity increase
Solution Approach 1:
The system applies local quality by selectively pre-fetching only specific resources based on their attributes and importance rather than uniformly pre-fetching all resources. The resource selection module evaluates each referenced resource's file size, type, visibility position in the page, and other attributes to determine which resources warrant pre-fetching. Critical above-fold images and CSS files are prioritized, while less important below-fold resources are deferred, optimizing the balance between rendering speed and resource consumption
3Reliability
If the browser waits for complete page content retrieval before rendering, then rendering accuracy is ensured, but user access time is delayed
Solution Approach 1:
The system performs preliminary retrieval of page content and resources in the background before users actually navigate to those pages. By the time users request a predicted page, the content is already cached and ready, allowing immediate rendering without waiting for network requests. This preliminary action ensures both completeness (all content is retrieved) and speed (no user-perceived waiting time)
Solution Approach 2:
The system creates local copies of predicted page content and resources in the browser cache before users request them. Instead of retrieving original content from the server at the moment of user navigation, the browser serves pre-copied versions from local storage, ensuring rendering completeness while eliminating network latency and user waiting time
Data Source
AI summary
Disclosed are various embodiments for pre-fetching resources referenced on pre-fetches portions of a network page predicted to be accessed so that the network page may be made visible to a user in immediate response to the user selecting the predicted page. A browser application executable on a client device may access a network page predicted to be accessed and identify resources having a prioritization of retrieval that causes the browser application retrieve the resources according to the prioritization of retrieval. Some resources may have a higher priority for retrieval than other resources.