Back to results
US 11,539,608 B2Granted
Systems and methods for responsive web page delivery based on network bandwidth
AssigneePaypal, Inc.
InventorSeema Chaudhry
Life of this patent
Estimating the term…
Abstract
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.
Claims20
A system for providing replacement of image content for a web page based on changing bandwidth, comprising:
- a processor;
- and
- a computer-readable medium having instructions stored thereon that are executable to cause the system to perform operations comprising:
- receiving a non-animated image for display on a web page via a web client operating at an end-user device;
- receiving a web page request from a first user device for a web page, the web page including the non-animated image;
- in response to receiving the web page request:
- determining a first bandwidth of a communication path to the first user device;
- and
- determining a necessary bandwidth associated with transmission of the non-animated image as a function of the display size of the non-animated image;
- and
- determining, based on comparing the determined first bandwidth and the necessary bandwidth, that the non-animated image requires a greater bandwidth than is available;
- in response to determining that the non-animated image requires a greater bandwidth than is available, assigning respective transmissions of a plurality of lower quality versions of the non-animated image to one or more bandwidth ranges of a plurality of bandwidth ranges for transmission to user devices for display, wherein respective ones of the plurality of bandwidth ranges comprise an upper and a lower bound;
- selecting, based on comparing the first bandwidth of the communication path with the plurality of bandwidth ranges, the transmission of one of the plurality of lower quality versions of the non-animated image for the web page;
- transmitting display elements to display the web page to the first user device, the display elements including the transmission of the selected lower quality version of the non-animated image;
- determining, in response to a user interaction with the web page corresponding to a physical action taken via a user interface of the first user device, that the bandwidth availability of the communication path to the first user device has increased;
- and
- in response to determining that the bandwidth availability has increased, transmitting a higher quality version of the non-animated image to the first user device for display in place of the lower quality version of the non-animated image currently displayed by the first user device.
14 more elements
A method, comprising:
- receiving a still image for display on a web page via a web client operating at an end-user device;
- receiving, at a server system, a request for web content from a first user device, the web content including the still image;
- in response to receiving the request for the web page:
- determining, by the server system, an initially available bandwidth for the first user device;
- and
- determining a necessary bandwidth associated with transmission of the still image as a function of the display size of the still image;
- and
- determining, based on comparing the determined initially available bandwidth and the necessary bandwidth, that the still image requires a greater bandwidth than is available;
- in response to determining that the still image requires a greater bandwidth than is available, assigning respective transmissions of a plurality of lower quality versions of the still image to one or more bandwidth ranges of a plurality of bandwidth ranges for transmission to user devices for display, wherein respective ones of the plurality of bandwidth ranges comprise an upper and a lower bound;
- selecting, based on comparing the initially available bandwidth with the plurality of bandwidth ranges, the transmission of one of the plurality of lower quality versions of the still image for the web content;
- transmitting to the first user device in response to the request for web content, all display elements for displaying the web content, the display elements including the transmission of the selected lower quality version of the still image;
- determine an updated bandwidth for the first user device, the updated bandwidth determined in response to a user interaction with the web content corresponding to a physical action taken via a user interface of the first user device and after the selected one of the plurality of lower quality versions of the still image are displayed by the first user device;
- and
- in response to determining that the updated bandwidth exceeds a threshold, transmitting a higher quality still image to the first user device, the higher quality still image being a larger byte size version of the lower quality version of the still image already displayed by the first user device.
11 more elements
A non-transitory computer-readable storage medium having instructions thereon that are executable by a computer system to cause the computer system to perform operations comprising:
- receiving a non-animated image for display on a web page via a web client operating at an end-user device;
- receiving a web page request from a first user device for a web page, the web page including the non-animated image;
- in response to receiving the web page request:
- based on a signal to noise ratio for a wireless connection of the first user device, determining a first bandwidth of a communication path to the first user device;
- and
- determining a necessary bandwidth associated with transmission of the non-animated image as a function of the display size of the non-animated image;
- and
- determining, based on comparing the first bandwidth and the necessary bandwidth, that the non-animated image requires a greater bandwidth than is available;
- in response to determining that the non-animated image requires a greater bandwidth than is available, assigning respective transmissions of a plurality of lower quality versions of the non-animated image to one or more bandwidth ranges of a plurality of bandwidth ranges for transmission to user devices for display, wherein respective ones of the plurality of bandwidth ranges comprise an upper and a lower bound;
- selecting, based on comparing the first bandwidth of the communication path with the plurality of bandwidth ranges, the transmission of one of the plurality of lower quality versions of the non-animated image for the web page;
- transmitting display elements to display the web page to the first user device, the display elements including the transmission of the selected lower quality version of the non-animated image;
- determining, in response to a user interaction with the web page corresponding to a physical action taken via a user interface of the first user device, an increase in the bandwidth available to the first user device;
- and
- in response to determining that the bandwidth available to the first user device has increased, causing an update to an existing display of the web page on the first user device by transmitting an updated higher quality version of the non-animated image to the first user device for display in place of the lower quality version of the non-animated image currently displayed by the first user device.
11 more elements
Dependencies are inferred from the claim text.