Web Page Element Loading via Popularity-Based Sorting
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web page loading methods require users to wait for the entire page to load before accessing information, especially on slower mobile devices, due to elements being loaded in the order they appear in the HTML document, which can be time-consuming and inefficient.
Innovation Solution
A method that sorts web page elements by popularity based on user interest, allowing the server to transmit content in an order that prioritizes elements of higher interest first, reducing waiting time for users to view relevant information.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of time
If web page elements are loaded in the order they appear in the HTML document, then the loading process is simple and systematic, but the user has to wait for the entire web page to be loaded before accessing information of interest
Solution Approach 1:
The system performs preliminary actions by pre-sorting web page elements according to user interest levels before the actual loading process begins. This allows the server to prepare and transmit high-priority elements first, reducing user waiting time without requiring complex real-time decision-making during page rendering.
Solution Approach 2:
The web page loading process is segmented into priority-based batches. Instead of loading all elements uniformly, the system divides elements into segments based on user interest levels, transmitting and rendering high-priority segments first, then progressively loading lower-priority segments in the background.
2Productivity
If the entire web page is loaded before the user can view information, then all content is available for display, but mobile devices with slower processing speeds experience significantly increased waiting time
Solution Approach 1:
The system applies partial action by loading only the most essential and user-interested elements first rather than waiting for complete page loading. This allows users to access critical information immediately on mobile devices, with less important content loading in the background without blocking user interaction.
3Ease of operation
If web page elements are loaded in HTML document order, then the loading sequence is deterministic and easy to implement, but users may have to wait for low-priority elements to load before accessing high-priority information
Solution Approach 1:
The system changes the loading parameter from fixed HTML document order to dynamic priority-based ordering. By introducing a priority parameter that reflects user interest levels, the system reorders element loading sequences to optimize information retrieval time while maintaining implementation feasibility through pre-computed priority lists.
Data Source
AI summary
A method, system and computer program product for optimizing the loading of a web page. The server receives indications (e.g., Document Object Model (DOM) elements) of web page elements of interest of a web page from multiple client devices. The server updates a list of web page elements for the requested web page that is sorted in terms of popularity based on these received indications of web page elements of interest. The server may then appropriately respond to a request to retrieve that web page by accessing such a list and transmitting to the browser of the requesting client device the data to populate the content of the web page elements for the requested web page in an order based on the sorted list. In this manner, the browser will be able to optimize the loading of the web page.