Page Component Rendering via Position-Based Scheduling Queue
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
When rendering multiple page components simultaneously, insufficient computing and storage resources lead to buffering issues in browsers and devices due to resource contention.
Innovation Solution
A method and apparatus that coordinate the rendering order of page components based on their position in the page by using a scheduling queue, prioritizing in-viewport components over out-of-viewport ones and managing resource allocation to prevent excessive resource occupation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Speed
If multiple page components are rendered simultaneously, then the rendering speed is improved, but resource contention causes buffering
Solution Approach 1:
The patent segments the rendering process by dividing page components into different categories (in-viewport and out-of-viewport components). It uses a scheduling queue to manage rendering tasks in segments, processing in-viewport components first and out-of-viewport components later, thereby avoiding resource contention and buffering while maintaining rendering speed.
Solution Approach 2:
The patent applies preliminary action by pre-identifying and prioritizing in-viewport components before rendering. The system determines which components are visible to the user and schedules them for rendering first, while deferring out-of-viewport components. This preliminary classification prevents resource contention during actual rendering operations.
2Productivity
If all components are rendered at the same time, then rendering efficiency is improved, but limited computing and storage resources cause buffering
Solution Approach 1:
The patent applies local quality by treating different components differently based on their location and visibility. In-viewport components receive high priority and are rendered first, while out-of-viewport components are deferred. This differentiated treatment optimizes resource consumption by focusing rendering efforts on components that actually need to be displayed, thereby improving rendering efficiency without exceeding resource limits.
Solution Approach 2:
The patent introduces dynamics by using a scheduling queue that dynamically adjusts rendering priorities based on component visibility and resource availability. The system can flexibly switch between rendering in-viewport and out-of-viewport components depending on current system state, optimizing the balance between rendering efficiency and resource consumption.
3Device complexity
If components are rendered without position-based coordination, then the rendering process is simplified, but resource contention leads to buffering
Solution Approach 1:
The patent introduces an intermediary mechanism in the form of a scheduling queue that mediates between component rendering requests and available computing/storage resources. The scheduling queue processes components based on their position and visibility status, coordinating resource allocation to prevent buffering while maintaining a relatively simple rendering process architecture.
Data Source
AI summary
The present application discloses a method, apparatus, device and medium for rendering page components. When a target page needs to be loaded, rendering data corresponding to at least one pending component in the target page is obtained, and a rendering request corresponding to the at least one pending component is added to a scheduling queue. A rendering request of a target pending component is read from the scheduling queue according to the position of the at least one pending component in the target page, and further the target rendering component is rendered according to rendering data corresponding to the target pending component in the rendering request. That is, when rendering components in a page, the rendering order between various components will be coordinated according to the position of the component in the page, thereby avoiding the problem of buffering when too many components are rendered at the same time.