Web Page Composition via Latency-Based Portion Prioritization

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional display methods require consumer-specific information for web page generation, leading to limitations in personalization or increased loading time, as they often prioritize content equally regardless of latency in service calls, which can slow down page rendering.

Innovation Solution

A method and system for prioritized rendering of web pages by providing the first portion of a page immediately while waiting for service calls to return, with subsequent portions rendered based on their latency, allowing for dynamic and consumer-specific content delivery, such as promotions, by correlating consumer profiles with service call outputs.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If conventional display methods retrieve and utilize consumer-specific information for web page generation, then personalization is improved, but page loading time increases

Engineering Contradiction:
ImprovepersonalizationVSAvoidpage loading time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The web page is divided into multiple portions, with critical portions (e.g., buy button) rendered first using available data, while less critical portions requiring consumer-specific information are rendered subsequently. This segmentation allows the page to be displayed progressively rather than waiting for all data to be retrieved.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The system performs preliminary rendering of critical page portions using generic or pre-fetched data before consumer-specific information is fully retrieved. This preliminary action ensures that essential page elements are displayed immediately, improving perceived loading speed while personalization is added subsequently.

Inventive Principle:
Principle #10Preliminary action

2Loss of time

If conventional display methods generate web pages without personalization, then page loading time is reduced, but personalization capability is lost

Engineering Contradiction:
Improvepage loading timeVSAvoidpersonalization capability
Core Design Contradiction:
Loss of timeVSAdaptability or versatility

Solution Approach 1:

The system performs preliminary rendering of critical page portions using generic or pre-fetched data before consumer-specific information is fully retrieved. This preliminary action ensures that essential page elements are displayed immediately, improving perceived loading speed while personalization is added subsequently.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The page rendering process is made dynamic by allowing different portions of the page to be rendered at different times based on data availability. Critical portions are rendered immediately with generic data, while less critical portions are updated dynamically as consumer-specific information becomes available, creating a progressive personalization effect.

Inventive Principle:
Principle #15Dynamics

3Reliability

If conventional display methods prioritize all content equally regardless of service call latency, then content completeness is improved, but rendering speed decreases

Engineering Contradiction:
Improvecontent completenessVSAvoidrendering speed
Core Design Contradiction:
ReliabilityVSSpeed

Solution Approach 1:

Different portions of the page are assigned different priorities based on their criticality to user experience. Critical portions (e.g., buy button, main product information) are rendered with high priority using available data, while less critical portions (e.g., recommendations, reviews) are rendered with lower priority. This local quality approach ensures that essential content is displayed immediately while maintaining overall content completeness.

Inventive Principle:
Principle #3Local quality

Solution Approach 2:

The system implements a feedback mechanism where the rendering process continuously monitors service call completion status and dynamically adjusts rendering priorities. As service calls complete and return data, the system feeds this information back into the rendering process, progressively updating page portions from generic to personalized content, thereby balancing speed and completeness.

Inventive Principle:
Principle #23Feedback

Data Source

PatentUS11036921B2System, apparatus, and method for page composition
Publication Date: 2021.06.15 BYTEDANCE INC
  • US11036921B2 patent drawing
  • US11036921B2 patent drawing
  • US11036921B2 patent drawing

AI summary

A system and related devices and methods facilitating orchestration of page composition based on performance of one or more portions of the page are disclosed herein. An exemplary system may comprise a first device and a second device. An exemplary method may comprise providing to a client device, a first portion of a requested page while waiting for one or more service calls required to render a second portion to return, and after a time at which the one or more service calls required to render the second portion return, providing the client device with the second portion, the one or more service calls required to render the second portion having a higher latency than any service calls required to render the first portion.