Web Page Latency Reduction via Inline Resource Embedding
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web page retrieval methods experience high latency due to the need to fetch and render multiple external resources, which can slow down the loading of web pages and impact user experience.
Innovation Solution
The method involves using a headless browser to render web pages and generate a document object model (DOM) tree, which is then serialized to create a modified web document that includes inline data from external resources, reducing the number of external resource retrievals required for rendering.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If web pages include references to external resources (scripts, style sheets, images, iframes), then the web page functionality and features are enhanced, but the retrieval latency increases due to multiple HTTP requests
Solution Approach 1:
The patent embeds external resource data (scripts, style sheets, images, iframe content) directly into the cached web page HTML document. This merging of previously separate external resources with the main HTML eliminates the need for multiple separate HTTP requests, thereby reducing retrieval latency while preserving all original web page features and functionality
Solution Approach 2:
The system performs preliminary retrieval and embedding of external resources when creating the cached version of the web page. By pre-fetching and incorporating all external resource data into the cached HTML document in advance, the system eliminates the need for subsequent HTTP requests when the cached page is served, thus reducing retrieval latency
2Loss of time
If all external resource data is embedded in the cached web page, then retrieval latency is reduced, but the size of the cached document increases
Solution Approach 1:
The patent selectively embeds only certain external resources directly into the cached HTML document while leaving others as external references. This local quality approach optimizes the balance between reducing retrieval latency (by embedding critical resources) and minimizing document size (by keeping non-critical resources external), allowing differential treatment of different resource types based on their importance
3Loss of information
If a headless browser is used to render and serialize the web document, then a complete representation with inline data is generated, but the processing complexity increases
Solution Approach 1:
The patent introduces a headless browser as an intermediary component that renders the web document and extracts its data representation. This intermediary automatically handles the complex tasks of rendering HTML, executing scripts, and serializing the document object model, thereby achieving complete web page representation while isolating the complexity from the main caching system
Data Source
AI summary
Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for generating modified web documents. In one aspect, a method includes retrieving a web document including markup language code and having references to resources external to the web document and parsing the retrieved web document to interpret the markup language code and identify references to resources external to the retrieved web document. Data relating to at least a portion of the resources external to the retrieved web document are retrieved, and a modified web document including the retrieved data is generated and stored for use in responding to a request for retrieval of content of the web document.