Frame Reordering for Faster Page Loading
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Online shopping platforms face delays in loading critical content, leading to user impatience and potential loss of business due to non-critical content items being loaded after critical items, causing stalls in page loading.
Innovation Solution
Implementing a system that promotes non-critical content items to load during delays in critical content availability by altering their delivery order, such as moving them to the head section of a web page or using a multi-stream networking protocol to prioritize their loading, ensuring faster overall page loading without further delaying critical items.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of time
If non-critical content items are loaded after critical content items as originally designated, then critical content items can be prioritized for immediate loading, but the overall page loading time increases due to stalls when critical content is delayed
Solution Approach 1:
The system performs preliminary actions by identifying and loading non-critical content items during the delay period before critical content becomes available. The server detects when critical content will be delayed and proactively begins transmitting non-critical content in advance, so that when critical content arrives, non-critical content is already loaded or closer to completion, reducing overall page load time.
Solution Approach 2:
The system dynamically adjusts the loading order of content items based on real-time conditions. Instead of following a fixed loading sequence, the server monitors the availability status of critical content and dynamically reorders content delivery, promoting non-critical items to load earlier when critical content is delayed, thereby optimizing page loading performance under varying conditions.
2Ease of operation
If the loading order of content items is altered to promote non-critical items during critical content delays, then user experience improves through faster perceived page loading, but the system complexity increases due to delay estimation and reordering mechanisms
Solution Approach 1:
The system implements feedback mechanisms where the server continuously monitors the loading status and availability of critical content items. Based on this feedback, the server automatically adjusts the loading sequence of non-critical content items. The server estimates delays in critical content availability and uses this information to dynamically promote non-critical items, creating a closed-loop control system that optimizes page loading based on real-time conditions.
Solution Approach 2:
The system enables self-service by allowing the content delivery mechanism to automatically detect delays in critical content and independently reorder the loading sequence without requiring manual intervention. The server autonomously identifies when non-critical items should be promoted and executes the reordering, reducing the need for complex external control systems while improving user experience.
3Productivity
If non-critical content items are promoted to load during critical content delays, then the utilization of available bandwidth improves, but the risk of further delaying critical content delivery increases
Solution Approach 1:
The system segments content delivery into critical and non-critical streams, allowing independent control of each. By dividing the content delivery process into separate manageable segments, the server can allocate bandwidth dynamically - transmitting non-critical content during delays in critical content without interfering with the critical content transmission path. This segmentation enables simultaneous optimization of bandwidth utilization and critical content delivery reliability.
Solution Approach 2:
The system changes delivery parameters such as transmission timing and priority levels based on the availability status of critical content. When critical content is delayed, the server adjusts parameters to promote non-critical items; when critical content is available, the server restores normal priority ordering. This dynamic parameter adjustment allows the system to maximize bandwidth utilization during delays while ensuring critical content maintains its delivery timeline under normal conditions.
Data Source
AI summary
Techniques are described for promoting content items in a page to load in a different order than the order in which they were initially designated to load in the page source. A page may include critical content items designated to load earlier than non-critical content items. In instances where there is a delay due to latency in generating or retrieving the critical content items, one or more non-critical content items may be promoted to be sent earlier than initially designated. Promotion may include frame reordering, such that communication frames including non-critical content items are sent to a user device prior to the frames that include critical content items. By promoting non-critical content items to be sent during the period in which the loading of the page may otherwise be stalled, overall page load times may be reduced.