Composite Image Generation for Web Page Performance
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The inefficiency in transmitting web pages due to multiple HTTP requests for images, leading to network latency and browser connection limitations, especially for dynamically generated pages where pre-generation of composite images is not feasible.
Innovation Solution
A server system optimizes image delivery by grouping referenced images into a single composite image, which includes a list of component images and their positions, and sends this composite image to the client system, allowing for on-demand generation and storage for future use.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple separate image files are transmitted to client systems, then each image can be individually referenced and displayed, but the number of HTTP requests increases leading to network latency and browser connection limitations
Solution Approach 1:
The patent combines multiple separate image files into a single composite image file that contains all referenced images. This composite image is transmitted to the client system in a single HTTP request, eliminating the need for multiple separate requests and reducing network latency while maintaining the ability to display individual images through coordinate-based referencing.
2Productivity
If composite images are pre-generated and stored, then image delivery efficiency is improved, but this approach is not feasible for dynamically generated web pages where images cannot be predetermined
Solution Approach 1:
The patent performs preliminary actions by generating the composite image file containing all images that will be referenced by a dynamically generated web page. The system identifies all images that will be needed, combines them into a single composite file with embedded coordinate information, and stores this composite image for efficient delivery. This allows dynamic pages to benefit from optimized image delivery without requiring predetermined knowledge of which images will be used.
3Loss of time
If a single composite image file is transmitted instead of multiple separate images, then the number of HTTP requests is reduced and latency is minimized, but the file size and complexity of the composite image increases
Solution Approach 1:
The patent implements a nested structure where multiple individual image files are embedded within a single composite image file. Each original image is contained as a component within the composite image, with metadata storing the coordinates and dimensions needed to extract and display specific images. This nesting approach consolidates multiple files into one transmission unit, reducing HTTP requests and network latency while maintaining the ability to deliver only the specific images needed.
Data Source
AI summary
A system and method for improving performance of Web Pages by On-Demand Generation of Composite images is disclosed. A server system receives a request for a first webpage from a first client system. The server system identifies a list of one or more images referenced in the requested first webpage. The server system groups the identified one or more images into one or more first files. The server system then transmits the one or more first files to the first client system.