Systems and Methods for Acceleration and Optimization of Web Pages Access by Changing the Order of Resource Loading

• US 20110029899A1
• Filed: 08/02/2010
• Published: 02/03/2011
• Est. Priority Date: 08/03/2009
• Status: Abandoned Application

• Current Assignee: Limelight Networks, Inc.
• Original Assignee: Fasterweb, Ltd.
• Inventors: FAINBERG, Leonid, EHRLICH, Ofir, BERGER, Ori, DOBO, Amitay, GADISH, Ofer, SHAI, Gil
• Application Number:
  US12/848,559
• Publication Number:
  US 20110029899A1
• Time in Patent Office: Days
• US Class Current: 715/760
• CPC Class Codes: G06F 12/0862 with prefetch
• CPC Class Codes: G06F 15/167 using a common memory, e.g. mailbox
• CPC Class Codes: G06F 16/9574 of access to content, e.g. by caching
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]
• CPC Class Codes: H04L 67/5681 Pre-fetching or pre-delivering data based on network characteristics

Abstract

A method for acceleration of access to a web page. The method comprises receiving a web page responsive to a request by a user; analyzing the received web page for possible acceleration improvements; generating a modified web page of the received web page using at least one of a plurality of acceleration techniques; providing the modified web page to the user, wherein the user experiences an accelerated access to the modified web page resulting from the execution of the at least one of a plurality of acceleration techniques; and storing the modified web page for use responsive to future user requests.

Claims

1. A system for acceleration of access to web pages, comprising:

a network interface enabling communication of one or more user nodes with one or more web servers over a network for accessing web pages stored in the one or more web servers;

an acceleration server coupled to the network interface for modifying web pages retrieved from the one or more web servers using at least one acceleration technique, the modified web pages accelerating access to the web page to one or more user nodes;

a first cache connected to the acceleration server and the one or more user nodes and operative to cache information associated with requests directed from the one or more the user nodes to the acceleration server;

a second cache connected to the acceleration server and the one or more web servers and operative to cache information associated with requests directed from the one or more web servers to the acceleration server; and

a memory coupled to the acceleration server and containing a plurality of instructions respective of the at least one acceleration technique.

2. The system of claim 1, wherein the at least one acceleration technique comprises:

forcing style data of a web page of the web pages to load in parallel to the rest of the data of the web page by moving the style data from the web page into at least an external file to the web page;

loading the at least external file asynchronously to loading of the web page.

3. The system of claim 1, wherein the at least one acceleration technique comprises:

scanning a web page of the web pages for embedded scripts;

adding a script tag at each embedded script location; and

moving each embedded script to an external file, wherein upon processing of the web page on a browser the original position of the script is processed without delay and when reaching execution of the script, the script is being written at its original position in a digital object model (DOM) of the web page.

4. The system of claim 3, further comprises:

identifying functions that when executed from a new location in the web page cause erroneous behavior;

replacing the identified functions with new functions;

converting text passed to the identified functions into a sub-tree of the DOM; and

inserting the sub-tree into the DOM at a marked location.

5. The system of claim 1, wherein the at least one acceleration technique comprises:

causing items of a web page of the accessed web pages to be loaded into a browser'"'"'s cache by performing at least one of;

fetching the items into the browser'"'"'s cache in parallel to the loading of the web page;

fetching, into the browser'"'"'s cache, the items that are in a same domain of the web page; and

asynchronous loading the items that are not in the same domain of the web page into the browser'"'"'s cache by using tags of loading external resources.

6. The system of claim 5, wherein further comprises:

causing a post-processing parsing tool to insert into the web page a pre-fetch code that when executed by the browser on a user node causes the pre-fetch of items in the web page into the browser'"'"'s cache.

7. The system of claim 1, wherein the at least one acceleration technique comprises:

placing images of a web page in a plurality of image containers depending on image parameters; and

determining a priority between the plurality of image containers such that an image container having a higher priority is loaded prior to an image container having a lower priority.

8. The system of claim 7, wherein the image parameters are at least one of:

image size, image visibility within a display area, and image commonality.

9. The system of claim 1, wherein the at least one acceleration technique comprises:

modifying a web page by replacing at least each iframe tag in a web page with a placeholder; and

storing the modified web page in the second cache.

10. The system of claim 9, wherein the placeholder is a tag having a unique identification.

11. The system of claim 1, wherein the at least one acceleration technique comprises:

splitting a combined resource of the web page into a plurality of containers, wherein the number of container is above a predefined lower limit and below a predefined upper limit.

12. The system of claim 11, wherein the predefined lower limit and the predefined upper limit is determined to overcome a connection-per-domain limit of a user'"'"'s browser.

13. The system of claim 1, wherein the at least one acceleration technique comprises:

collecting elements of a web page including elements defined inside at least iframe tags;

sorting of resources to be displayed on a user node from the collected elements with respect of the Y axis of the display and postponing resources that are not in the viewport of the display;

modifying the web page by adding a script to the web page to asynchronously load elements which are in the viewport; and

storing the modified web page in the second cache.

14. The system of claim 1, wherein the at least one acceleration technique comprises:

determining if a page style of a web page contains a background image by analyzing the digital object model (DOM) of the web page using a client side script executed on one of the user nodes; and

informing the acceleration server about the background image for the purpose of use of such information for future optimizations of the web page.

15. The system of claim 1, wherein the at least one acceleration technique further comprises:

parsing the web page to detect embedded scripts; and

replacing the embedded script at the of the web page, thereby postponing execution of the embedded scripts after the web page has been downloaded, wherein upon execution of an embedded script any data written by the embedded script is written at the original position of the embedded script.

16. A method for acceleration of access to a web page, comprising:

receiving a web page responsive to a request by a user;

analyzing the received web page for possible acceleration improvements;

generating a modified web page of the received web page using at least one of a plurality of acceleration techniques;

providing the modified web page to the user, wherein the user experiences an accelerated access to the modified web page resulting from the execution of the at least one of a plurality of acceleration techniques; and

storing the modified web page for use responsive to future user requests.

17. The method of claim 16, wherein the at least one of the plurality of acceleration techniques comprises:

forcing a style data of the web page to load in parallel to the rest of the data of the web page by moving the style data from the web page into at least an external file to the web page; and

loading of the at least an external file asynchronously to loading of the web page.

18. The method of claim 16, wherein the at least a one of the plurality of acceleration techniques comprises:

scanning the web page for embedded scripts;

adding a script tag at each embedded script location; and

moving each embedded script to an external file, wherein upon processing of the web page on a browser the original position of the script is processed without delay and when reaching execution of the script, the scrip is being written at its original position in a digital object model (DOM) of the web page.

19. The method of claim 18, further comprises:

identifying functions that when executed from a new location in the web page cause erroneous behavior;

replacing the identified functions with new functions;

converting text passed to the identified functions into a sub-tree of the DOM; and

inserting the sub-tree into the DOM at a marked location.

20. The method of claim 16, wherein the at least one of the plurality of acceleration techniques comprises:

causing items of the web page to be loaded into a browser'"'"'s cache by performing at least one of;

fetching the items into the browser'"'"'s cache in parallel to the loading of the web page;

fetching, into the browser'"'"'s cache, the items that are in a same domain of the web page; and

asynchronous loading the items that are not in the same domain of the web page into the browser'"'"'s cache by using tags of loading external resources.

21. The method of claim 20, further comprises:

inserting into the web page a pre-fetch code that when executed by the browser on a user node causes the pre-fetch of items in the web page into the browser'"'"'s cache.

22. The method of claim 16, wherein the at least one of the plurality of acceleration technique comprises:

placing images of a web page in a plurality of image containers depending on image parameters;

determining a priority between the plurality of image containers; and

loading an image container having a higher priority prior to loading an image container having a lower priority.

23. The method of claim 22, wherein the image parameters are at least one of:

image size, image visibility within a display area, and image commonality.

24. The method of claim 16, wherein the at least one of the plurality of acceleration techniques comprises:

modifying the web page by replacing at least each iframe tag in the web page with a placeholder; and

storing the modified web page in a cache memory.

25. The system of claim 24, wherein the placeholder is a tag having a unique identification.

26. The method of claim 16, wherein the at least one of the plurality of acceleration techniques comprises:

splitting a combined resource of the web page into a plurality of containers, wherein the number of containers is above a predefined lower limit and below a predefined upper limit.

27. The method of claim 26, wherein the predefined lower limit and the predefined upper limit is determined to overcome a connection-per-domain limit of a user'"'"'s browser.

28. The method of claim 16, wherein the at least one of the plurality of acceleration techniques comprises:

collecting elements of the web page including elements defined inside at least iframe tags;

sorting of resources to be displayed on a user'"'"'s screen from the collected elements with respect of the Y axis of the display and postponing resources (elements?) that are not in the viewport of the display;

modifying the web page by adding a script to the web page to asynchronously load elements which are in the viewport; and

storing the modified web page in a cache memory.

29. The method of claim 16, wherein the at least one of the plurality of acceleration techniques comprises:

parsing the web page to detect embedded scripts; and

replacing the embedded scripts at the end of the web page, thereby postponing execution of the embedded scripts after the web page has been downloaded, wherein upon execution of the of an embedded script any data written by the script is written at the original position of the embedded script.

30. A non-transitory computer readable medium having stored thereon instructions for causing one or more processing units to execute the method according to claim 16.