Partial Web Page Rendering via Segment Extraction

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Current Web browsing technologies face inefficiencies in updating Web pages, leading to significant network bandwidth consumption and latency, as well as display discontinuity and user navigation issues due to the need to download and re-render entire Web pages, even when only minor changes occur.

Innovation Solution

A method where the browser client detects updates in a Web page and requests only the changed portions from the page server, allowing for partial rendering of the updated Web page, reducing the need for full re-rendering and improving user experience by conserving network bandwidth and maintaining consistent navigation.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If the browser client downloads the entire updated Web page from the page server, then the Web page can be updated completely, but significant network bandwidth is consumed and latency increases

Engineering Contradiction:

ImproveWeb page update completenessVSAvoidnetwork bandwidth consumption

Core Design Contradiction:

ReliabilityVSLoss of energy

Solution Approach 1:

The Web page is segmented into multiple components (e.g., header, body, footer, scripts, stylesheets). Instead of downloading the entire page, the browser client identifies and downloads only the specific segments that have changed, reducing network bandwidth consumption while maintaining update completeness.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent extracts only the necessary changed portions from the updated Web page and transmits them to the browser client. This extraction approach eliminates the need to transfer redundant unchanged content, directly addressing the bandwidth consumption issue.

Inventive Principle:

Principle #2Taking out (Extraction)

2Reliability

If the browser client downloads the entire updated Web page from the page server, then the Web page can be updated completely, but latency increases

Engineering Contradiction:

ImproveWeb page update completenessVSAvoidupdate latency

Core Design Contradiction:

ReliabilityVSLoss of time

Solution Approach 1:

By segmenting the Web page into smaller components, the download time is significantly reduced. The browser client receives only the necessary changed segments rather than waiting for the entire page to be transmitted, thereby reducing update latency.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent applies partial action by downloading only the minimum necessary content (changed portions) rather than the complete Web page. This partial download approach reduces the time required for page updates while maintaining sufficient content for proper rendering.

Inventive Principle:

Principle #16Partial or excessive action

3Reliability

If the browser re-renders the entire Web page, then the updated content can be displayed, but display discontinuity and flickering occur

Engineering Contradiction:

Improveupdate content displayVSAvoiddisplay flickering

Core Design Contradiction:

ReliabilityVSObject-affected harmful factors

Solution Approach 1:

The patent extracts only the changed portions of the Web page and applies them directly to the existing display without requiring a complete re-render. This extraction and selective update approach maintains display continuity and eliminates flickering caused by clearing and re-rendering the entire page.

Inventive Principle:

Principle #2Taking out (Extraction)

Solution Approach 2:

The browser client performs preliminary identification of changed portions before downloading. This preliminary action allows the client to prepare for selective updating, maintaining the existing display structure and avoiding the need to clear and re-render the entire page, thus preventing flickering.

Inventive Principle:

Principle #10Preliminary action

4Reliability

If the browser considers the updated Web page as a separate Web page, then HTTP protocol requirements are met, but navigation continuity is disrupted

Engineering Contradiction:

ImproveHTTP protocol complianceVSAvoidnavigation continuity

Core Design Contradiction:

ReliabilityVSEase of operation

Solution Approach 1:

The patent introduces an intermediary mechanism (such as a history management system or navigation controller) that bridges the HTTP protocol's separate page model with the user's expectation of continuous navigation. This intermediary maintains navigation state and allows seamless backward/forward navigation even when pages are updated partially, preserving navigation continuity while complying with HTTP protocols.

Inventive Principle:

Principle #24Intermediary (Mediator)

Data Source

PatentUS7805670B2Partial rendering of web pages

Publication Date: 2010.09.28 MICROSOFT TECHNOLOGY LICENSING LLC

AI summary

The updating of an original version of a Web page without having to download the entire Web page. After accessing an original version of a Web page, a browser client detects that the accessed original version of the Web page is to be updated. The browser client then requests an updated version of the Web page from a page server computing system. Thereupon, the page server determines that only a portion of the updated version of the Web page is to be downloaded to the browser client, identifies that portion, and sends a response to the browser client that includes at least the portions of the Web page that have changed, but less than all of the Web page. The browser client then partially renders the updated version of the Web page using the portions of the Web page provided in the response.