Rendering Object Segmentation for Page Loading Speed

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing rendering methods for electronic devices are burdened by the need to create full-featured rendering objects for each page element, leading to slow page loading and increased possibilities of frame loss due to the extensive attributes required for rendering.

Innovation Solution

A rendering method that extracts page elements, generates rendering object sets based on their content and attributes, and constructs a rendering tree for parallel rendering, eliminating the need for full-featured rendering objects and improving rendering speed.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If full-featured rendering objects are created for each page element with extensive attributes, then rendering completeness is improved, but rendering speed deteriorates

Engineering Contradiction:
Improverendering completenessVSAvoidrendering speed
Core Design Contradiction:
ReliabilityVSProductivity

Solution Approach 1:

The patent segments rendering objects by creating separate rendering object sets for different page element types (e.g., text elements, image elements, container elements). Each rendering object set contains only the attributes and rendering logic specific to that element type, rather than using a single full-featured rendering object for all elements. This segmentation reduces the complexity and processing overhead for each rendering operation while maintaining complete rendering functionality for each element type.

Inventive Principle:
Principle #1Segmentation

2Manufacturing precision

If extensive attributes are processed for each page element, then rendering accuracy is improved, but frame loss increases

Engineering Contradiction:
Improverendering accuracyVSAvoidframe loss
Core Design Contradiction:
Manufacturing precisionVSReliability

Solution Approach 1:

The patent extracts and processes only the necessary attributes for each specific page element type rather than processing all possible attributes uniformly. For example, text elements only require font, size, and color attributes to be processed, while image elements require different attributes. This selective extraction reduces processing time and prevents frame loss while maintaining rendering accuracy for each element type.

Inventive Principle:
Principle #2Taking out (Extraction)

3Adaptability or versatility

If rich page content is displayed, then functionality is improved, but loading time increases

Engineering Contradiction:
ImprovefunctionalityVSAvoidloading time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The patent divides rich page content into multiple page elements, each assigned to appropriate rendering object sets based on element type. This segmentation allows parallel processing of different element types and enables selective rendering of critical content first. The system can render text elements while image elements are still loading, improving perceived loading time while maintaining complete functionality of rich content.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS11604849B2Rendering method, electronic device and storage medium
Publication Date: 2023.03.14 BEIJING XIAOMI MOBILE SOFTWARE CO LTD
  • US11604849B2 patent drawing
  • US11604849B2 patent drawing
  • US11604849B2 patent drawing

AI summary

A rendering method, rendering apparatus implementing said rendering method, an electronic device implementing said rendering method, and a storage medium implementing said rendering method includes: obtaining data of a page to be processed; extracting a plurality of page elements from the data of the page to be processed; obtaining content and a plurality of attributes of each page element of the plurality of page elements; generating a plurality of rendering object sets, each rendering object set corresponding to each page element based on the content and the plurality of attributes of the respective page element, each rendering object set including a plurality of rendering objects; generating a rendering tree based on a plurality of rendering object sets corresponding respectively to the plurality of page elements; and performing a rendering process based on the rendering tree.