Responsive Web Page Delivery Based on Network Bandwidth
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web page design approaches fail to optimize the viewing experience across different network devices due to varying network connection bandwidths, leading to limited user experience as devices switch between different networks with different attributes.
Innovation Solution
A system and method that monitors network bandwidth and selects display elements based on available data communication resources, dynamically adjusting and updating display elements during network communication sessions to ensure optimal web page delivery across varying bandwidths.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If multiple different designs are created for each web page to deliver optimal viewing experience to each different type of device, then the viewing experience is optimized for each device type, but the device complexity and maintenance burden increase significantly
Solution Approach 1:
The patent implements a single responsive web page design that automatically adapts to different network devices and bandwidth conditions. Instead of creating multiple separate designs for different devices, the system uses one universal design that detects the user's device type and network bandwidth, then dynamically adjusts display elements accordingly. This multi-functional approach allows the same web page to serve desktops, laptops, tablets, and smartphones optimally without requiring separate design sets for each device type.
Solution Approach 2:
The patent employs dynamic adjustment of display elements based on real-time detection of network bandwidth and device characteristics. The web page monitoring module continuously monitors network conditions and automatically modifies which display elements are presented to the user. This dynamic behavior allows the design to adapt flexibly to changing conditions without requiring static pre-configured designs for each scenario, reducing overall design complexity while maintaining optimization.
2Loss of information
If the web page includes all display elements regardless of network bandwidth, then the complete content is available, but the network bandwidth consumption increases and loading time increases
Solution Approach 1:
The patent applies local quality by selectively presenting different sets of display elements based on the user's network bandwidth conditions. High-bandwidth users receive comprehensive content including all display elements such as images, videos, and interactive components. Low-bandwidth users receive a streamlined version with essential text content and fewer or lower-quality multimedia elements. This localized adaptation ensures each user receives appropriate content quality matched to their network capabilities, preserving information for those who need it while conserving bandwidth for others.
Solution Approach 2:
The system implements partial action by delivering only the necessary subset of display elements based on detected bandwidth conditions. Rather than transmitting all possible content elements to every user, the web page monitoring module determines the optimal subset to transmit. For bandwidth-constrained connections, only essential elements are delivered; for high-bandwidth connections, the full set is provided. This approach prevents excessive bandwidth consumption while ensuring content completeness for users who require it.
3Ease of operation
If the web page is optimized for high bandwidth networks, then the viewing experience is excellent on fast connections, but the viewing experience deteriorates on limited bandwidth networks
Solution Approach 1:
The patent utilizes parameter changes by dynamically modifying web page delivery parameters based on detected network bandwidth. The system monitors actual network conditions and adjusts parameters such as image resolution, video quality, number of display elements, and content compression levels. For high-bandwidth networks, parameters are set to provide rich, high-quality content. For limited bandwidth networks, parameters are adjusted to reduce content size and complexity. This continuous parameter adaptation ensures optimal viewing experience across the full spectrum of network conditions.
Solution Approach 2:
The implementation transforms the static web page design into a dynamic system that continuously adapts to changing network conditions. The web page monitoring module detects bandwidth variations in real-time and automatically adjusts the delivered content accordingly. This dynamic behavior allows the same web page to provide excellent viewing experience on fast connections while automatically degrading gracefully to maintain acceptable experience on slower connections, achieving both high-performance optimization and broad adaptability.
4Ease of operation
If multiple designs are maintained for different devices, then optimal viewing experience is achieved for each device, but the time and resources required to update and maintain designs increase
Solution Approach 1:
The patent consolidates multiple device-specific designs into a single responsive web page template that serves all device types. This universal design includes flexible display elements that can be dynamically configured based on device characteristics. When content updates are needed, webmasters only need to modify the single responsive template rather than updating multiple separate designs for different devices. The system automatically adapts the updated content to all device types, dramatically reducing maintenance time and resources while preserving optimized viewing experiences across desktops, laptops, tablets, and smartphones.
Data Source
AI summary
A system comprising a computer-readable storage medium storing at least one program, and a computer-implemented method for responsive web page delivery based on network bandwidth. Upon initiation of a network communication session, a bandwidth of a network connection of the client device involved in the network communication session is determined. At least one initial display element to provide as part of a webpage for display on the client device is selected based on the bandwidth of the network connection. Instructions are then provided to the client device which cause the client device to display the at least one display element. In some embodiments, an updated bandwidth is subsequently determined and updated display elements are selected based on the updated bandwidth.