Proxy Server Head Start Chunk for Web Page Loading

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current web page loading times are inefficient due to the sequential loading of resources, which affects user experience and revenue, as web browsers wait for the entire page to be delivered before fetching resources specified in the HTML 'head' section.

Innovation Solution

Implementing an optimistic transmission method where a proxy server transmits a predicted static portion of the web page, known as the 'head start chunk,' to the client device before retrieving the full page, allowing parallel resource loading and reducing initial load time.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of time

If the web browser waits for the entire page to be delivered before fetching resources, then the page structure is complete, but the loading time increases

Engineering Contradiction:
Improveloading timeVSAvoidpage completeness
Core Design Contradiction:
Loss of timeVSReliability

Solution Approach 1:

The patent segments the web page into the head section (containing resources) and the body section (containing content). By separating these segments, the browser can fetch and process the head section independently before the body is fully received, enabling parallel resource loading without compromising page completeness.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent implements preliminary action by fetching the head section resources (scripts, styles, images) before the entire page is delivered. The browser proactively retrieves these resources in advance, processes them, and makes them available before the body content is fully received, thereby reducing overall loading time while maintaining page integrity.

Inventive Principle:
Principle #10Preliminary action

2Loss of time

If resources are loaded sequentially, then the process is simple, but the loading time increases

Engineering Contradiction:
Improveloading timeVSAvoidloading process complexity
Core Design Contradiction:
Loss of timeVSDevice complexity

Solution Approach 1:

The patent employs preliminary action by having the browser fetch head section resources in advance before the body is completely received. This allows resources to be prepared beforehand and made available for immediate use, enabling parallel processing and reducing total loading time.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent ensures continuity of useful action by maintaining parallel resource loading operations that continue simultaneously with page reception. The browser continuously fetches and processes resources in the background without interrupting the main page download, keeping the loading process efficient and uninterrupted.

Inventive Principle:
Principle #20Continuity of useful action

3Speed

If the head section is fetched in parallel, then the loading speed improves, but the complexity of resource management increases

Engineering Contradiction:
Improveresource loading speedVSAvoidresource management complexity
Core Design Contradiction:
SpeedVSDevice complexity

Solution Approach 1:

The patent segments resources into the head section (scripts, styles, images) and body section (content). This segmentation allows the browser to manage and fetch head resources in parallel independently from the body, improving loading speed while maintaining manageable complexity through clear separation of resource types.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS8990357B2Method and apparatus for reducing loading time of web pages
Publication Date: 2015.03.24 CLOUDFLARE INC
  • US8990357B2 patent drawing
  • US8990357B2 patent drawing
  • US8990357B2 patent drawing

AI summary

A proxy server receives a request for a web page from a client device. In response to determining that a portion of the web page is available in cache, the proxy server retrieves that portion and transmits it to the client device. The portion of the web page is not the entire web page and is a prediction of the portion of the page that will remain static if the page is reloaded or requested by a different client device. The proxy server transmits a request to an origin server for the full web page. In response to receiving the full web page from the origin server, the proxy server modifies the full web page to remove the portion that was already transmitted to the client device, and transmits the modified web page to the client device.