Methods for bundling images and devices thereof
First Claim
1. A method for bundling images, the method comprising:
- obtaining, by a web server, a web page requested by a client device, the web page comprising a plurality of image elements;
determining, by the web server, when at least a first image element and a second image element of the plurality of image elements each include a HyperText Markup Language (HTML) source attribute value, wherein each of the HTML source attribute values identify an image directory and an image file name; and
when the determination indicates that at least the first image element and the second image element of the plurality of image elements each include the HTML source attribute value;
inserting, by the web server, and prior to sending the requested web page to the client device, a first data attribute bundle into the first image element and a second data attribute bundle into the second image element, wherein the first data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the first image element and the second data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the second image element;
replacing, by the web server, at least each of the HTML source attribute values of the first image element and the second image element of the plurality of image elements with a default data uniform resource indicator (URI) of a spacer graphic interchange format (GIF) transparent image, wherein the default data URI of the spacer GIF transparent image does not enable rendering of any of one or more images identified by the image directory and image file name associated with each of the HTML source attribute values;
inserting, by the web server, a reference to a JavaScript executable file into the requested web page, sending the requested web page to the client device, and receiving a request from the client device for the executable file; and
sending, by the web server, the JavaScript executable file to the client device in response to the request, the JavaScript executable file configured when executed to replace each of the HTML source attribute values associated with the first image element and the second image element of the plurality of image elements with a data URI with a base 64 encoding of a corresponding one of the images identified by the image directory and image file name in the respective first data attribute bundle and the second data attribute bundle.
1 Assignment
0 Petitions
Accused Products
Abstract
A method, non-transitory computer readable medium, and web server device that obtains a web page comprising a plurality of image elements each including a source attribute having a value identifying an image. Each of the image elements is modified to insert a data attribute having a value of the respective source attribute value and to replace the source attribute value with a data URI. A reference to a executable file is inserted into the web page. The web page is sent to the client device and a request from the client device for the executable file is received. The executable file is sent to the client device and is configured when executed to replace the source attribute value of each of the image elements with a data URI of an image identified by the respective data attribute value.
-
Citations
18 Claims
-
1. A method for bundling images, the method comprising:
-
obtaining, by a web server, a web page requested by a client device, the web page comprising a plurality of image elements; determining, by the web server, when at least a first image element and a second image element of the plurality of image elements each include a HyperText Markup Language (HTML) source attribute value, wherein each of the HTML source attribute values identify an image directory and an image file name; and when the determination indicates that at least the first image element and the second image element of the plurality of image elements each include the HTML source attribute value; inserting, by the web server, and prior to sending the requested web page to the client device, a first data attribute bundle into the first image element and a second data attribute bundle into the second image element, wherein the first data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the first image element and the second data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the second image element; replacing, by the web server, at least each of the HTML source attribute values of the first image element and the second image element of the plurality of image elements with a default data uniform resource indicator (URI) of a spacer graphic interchange format (GIF) transparent image, wherein the default data URI of the spacer GIF transparent image does not enable rendering of any of one or more images identified by the image directory and image file name associated with each of the HTML source attribute values; inserting, by the web server, a reference to a JavaScript executable file into the requested web page, sending the requested web page to the client device, and receiving a request from the client device for the executable file; and sending, by the web server, the JavaScript executable file to the client device in response to the request, the JavaScript executable file configured when executed to replace each of the HTML source attribute values associated with the first image element and the second image element of the plurality of image elements with a data URI with a base 64 encoding of a corresponding one of the images identified by the image directory and image file name in the respective first data attribute bundle and the second data attribute bundle. - View Dependent Claims (2, 3, 4, 5, 6)
-
-
7. A non-transitory computer readable medium having stored thereon instructions for bundling images comprising machine executable code which when executed by a processor, causes the processor to perform steps comprising:
-
obtaining a web page requested by a client device, the web page comprising a plurality of image elements; determining when at least a first image element and a second image element of the plurality of image elements each include a HyperText Markup Language (HTML) source attribute value, wherein each of the HTML source attribute values identify an image directory and an image file name; and when the determination indicates that at least the first image element and the second image element of the plurality of image elements each include the HTML source attribute value; inserting, and prior to sending the requested web page to the client device, a first data attribute bundle into the first image element and a second data attribute bundle into the second image element, wherein the first data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the first image element and the second data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the second image element; replacing at least each of the HTML source attribute values of the first image element and the second image element of the plurality of image elements with a default data uniform resource indicator (URI) of a spacer graphic interchange format (GIF) transparent image, wherein the default data URI of the spacer GIF transparent image does not enable rendering of any of one or more images identified by the image directory and image file name associated with each of the HTML source attribute values; inserting a reference to a JavaScript executable file into the requested web page, sending the requested web page to the client device, and receiving a request from the client device for the executable file; and sending the JavaScript executable file to the client device in response to the request, the JavaScript executable file configured when executed to replace each of the HTML source attribute values associated with the first image element and the second image element of the plurality of image elements with a data URI with a base 64 encoding of a corresponding one of the images identified by the image directory and image file name in the respective first data attribute bundle and the second data attribute bundle. - View Dependent Claims (8, 9, 10, 11, 12)
-
-
13. A web server apparatus, comprising:
- a memory comprising programmed instructions stored in the memory, wherein the memory is coupled to one or more processors which are configured to execute the programmed instructions stored in the memory to;
obtain a web page requested by a client device, the web page comprising a plurality of image elements; determining when at least a first image element and a second image element of the plurality of image elements each include a HyperText Markup Language (HTML) source attribute value, wherein each of the HTML source attribute values identify an image directory and an image file name; and when the determination indicates that at least the first image element and the second image element of the plurality of image elements each include the HTML source attribute value; insert, and prior to sending the requested web page to the client device, a first data attribute bundle into the first image element and a second data attribute bundle into the second image element, wherein the first data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the first image element and the second data attribute bundle comprises the image directory and the image file name of the HTML source attribute value associated with the second image element; replace at least each of the HTML source attribute values of the first image element and the second image element of the plurality of image elements with a default data uniform resource indicator (URI) of a spacer graphic interchange format (GIF) transparent image, wherein the default data URI of the spacer GIF transparent image does not enable rendering of any of one or more images identified by the image directory and image file name associated with each of the HTML source attribute values; insert a reference to a JavaScript executable file into the requested web page, sending the requested web page to the client device, and receiving a request from the client device for the executable file; and send the JavaScript executable file to the client device in response to the request, the JavaScript executable file configured when executed to replace each of the HTML source attribute values associated with the first image element and the second image element of the plurality of image elements with a data URI with a base 64 encoding of a corresponding one of the images identified by the image directory and image file name in the respective first data attribute bundle and the second data attribute bundle. - View Dependent Claims (14, 15, 16, 17, 18)
- a memory comprising programmed instructions stored in the memory, wherein the memory is coupled to one or more processors which are configured to execute the programmed instructions stored in the memory to;
Specification