System and method for web page background image delivery
AssigneeYahoo! Inc.
InventorAlex Nadakkapparambil Jose
Life of this patent
Estimating the term…
Abstract
Disclosed is a system and method for progressively deploying a large size wallpaper of a web page, without compromising on image quality, perceived load time or user experience. The present disclosure involves embodiments for reducing the size of background image of a web page for initial deployment of the page. This reduced size background image maintains its high quality features; however, there is a reduction in detail resulting in a “blurred” image. Therefore, the deployed page does not reduce page performance upon attempting to download large background images. Upon serving the web page with the compressed image, higher detail versions of the compressed background image are progressively downloaded until the original high quality image is displayed.
Claims20
A method comprising:
- receiving, at a computing device, a request to display a web page from a user associated with a user device;
- identifying, via the computing device, said web page based on said request, said web page comprising web content, said web page associated with a background image having an original perceivable resolution;
- applying, via the computing device, a blur filter to said background image, the blur filter using settings, said settings comprising a blur radius, said blur radius set at a value that yields a modified background image having a data size at or below a data size threshold, said modified background image comprising reduced perceivable resolution when displayed;
- transmitting, via the computing device, said web page with said modified background image to said user device;
- fetching, via the computing device, said background image after initial display of said web content and said modified background image;
- and
- transmitting, via the computing device, said background image to said user device for display with said web content, wherein said transmission of said background image facilitates display of the background image at said original perceivable resolution.
A non-transitory computer-readable storage medium tangibly encoded with computer-executable instructions, that when executed by a processor associated with a computing device, perform a method comprising:
- receiving a request to display a web page from a user associated with a user device;
- identifying said web page based on said request, said web page comprising web content, said web page associated with a background image having an original perceivable resolution;
- applying a blur filter to said background image, the blur filter using settings, said settings comprising a blur radius, said blur radius set at a value that yields a modified background image having a data size at or below a data size threshold, said modified background image comprising reduced perceivable resolution when displayed;
- transmitting said web page with said modified background image to said user device;
- fetching said background image after initial display of said web content and said modified background image;
- and
- transmitting said background image to said user device for display with said web content, wherein said transmission of said background image facilitates display of the background image at said original perceivable resolution.
A system comprising:
- at least one computing device comprising:
- memory storing computer-executable instructions;
- and
- one or more processors for executing said computer-executable instructions, comprising:
- receiving a request to display a web page from a user associated with a user device;
- identifying said web page based on said request, said web page comprising web content, said web page associated with a background image having an original perceivable resolution;
- applying a blur filter to said background image, the blur filter using settings, said settings comprising a blur radius, said blur radius set at a value that yields a modified background image having a data size at or below a data size threshold, said modified background image comprising reduced perceivable resolution when displayed;
- transmitting said web page with said modified background image to said user device;
- fetching said background image after initial display of said web content and said modified background image;
- and
- transmitting said background image to said user device for display with said web content, wherein said transmission of said background image facilitates display of the background image at said original perceivable resolution.
Dependencies are inferred from the claim text.