There is provided a system and method for optimizing loading of content data on a webpage by utilizing client-side technology. The system comprising a server and a client device, the client device configured to request a webpage from a server, receive an image tag and a configuration file from the server, determine a selected image from a plurality of images using client capabilities, the image tag, and the configuration file, create an image handle to request the selected image from the server, transmit the image handle to the server, and receive the selected image from the server. The client device may also receive supported advertisements from the server, select at least one advertisement from the supported advertisements using the client capabilities, and request the at least one advertisement from the server.
BRIEF DESCRIPTION OF THE DRAWINGS(1) FIG. 1 presents a system for accessing web content over a network, according to one implementation of the present disclosure.(2) FIG. 2 presents a system for client-side image selection, according to one implementation of the present disclosure.(3) FIG. 3 presents a flowchart illustrating a method for client-side image selection, according to one implementation of the present disclosure.(4) FIG. 4 present a system for client-side advertisement selection, according to one implementation of the present disclosure.(5) FIG. 5 presents a flowchart illustrating a method for client-side advertisement selection, according to one implementation of the present disclosure.DETAILED DESCRIPTION(6) The following description contains specific information pertaining to implementations in the present disclosure. The drawings in the present application and their accompanying detailed description are directed to merely exemplary implementations. Unless noted otherwise, like or corresponding elements among the figures may be indicated by like or corresponding reference numerals. Moreover, the drawings and illustrations in the present application are generally not to scale, and are not intended to correspond to actual relative dimensions.(7) FIG. 1 presents a system for accessing web content over a network, according to one implementation of the present disclosure. System 100 includes user 101, client device 110, network 150, and server 160. Server 160 include
1. A method for use by a client device for client-side image selection on a webpage, the method comprising: requesting the webpage from a server; receiving an image tag and a configuration file from the server, wherein the image tag includes a reference to a transparent place image holder and data according to a real image, and wherein the configuration file includes a breakpoint; determining, using the image tag and the configuration file, a selected image from a plurality of images using client capabilities, wherein each of the plurality of images is a same image with a different size or adifferent resolution than the selected image, wherein determining the selected image using the client capabilities includes determining a screen size for a display of the client device and selecting the selected image using the screen size according to the breakpoint; creating an image handle to request the selected image; transmitting the image handle to the server; and receiving the selected image from the server.
7. A method for use by a server storing a plurality of images for providing client-side image selection on a webpage, the method comprising: receiving a request from a client device to access the webpage; transmitting an image tag and a configuration file to the client device wherein the image tag includes a reference to a transparent place image holder and data according to a real image, and wherein the configuration file includes a breakpoint; receiving an image handle from the client device, the image handle requesting a selected image from the plurality of images, the selected image being determined using the image tag, the configuration file and client capabilities, wherein using the client capabilities includes determining a screen size for a display of the client device and selecting the selected image using the screen size according to the breakpoint, and wherein each of the plurality of images is a same image with a different size or a different resolution than the selected image; and transmitting the selected image to the client device.
13. A method for use by a client device for client-side advertisement selection, the method comprising: requesting a webpage from a server; receiving, in response to requesting the webpage, supported advertisements and a configuration from the server, wherein the configuration file includes a breakpoint; determining at least one advertisement from the supported advertisements using client capabilities and the configuration file, wherein each of the supported advertisements is for a differentscreen size or a different screen resolution than the at least one advertisement, whereindetermining the at least one advertisement includes determining a screen size for a display of the client device and selecting the at least one advertisement using the screen sizeaccording to the breakpoint; creating an advertisement request for the at least one advertisement; transmitting the advertisement request to the server; and receiving the at leastone advertisement from the server.