Systems and methods for optimizing web page load time

• US 9,756,110 B2
• Filed: 10/10/2014
• Issued: 09/05/2017
• Est. Priority Date: 10/10/2014
• Status: Active Grant

• Current Assignee: Salesforce.com, Inc.
• Original Assignee: Salesforce.com, Inc.
• Inventors: Lam, Chun Tak
• Primary Examiner(s): MILLER, VIVA L
• Application Number:
  US14/512,205
• Publication Number:
  US 20160103803A1
• Time in Patent Office: 1,061 Days
• 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]

Abstract

The technology disclosed relates to systems and methods for using deduplication when rendering complex web pages with multiple iFrames, to improve performance and reduce memory requirements. We refer to the technology disclosed as “server-side rework” of interface web pages with multiple iFrames by post processing. Custom interface web pages with multiple iFrames can use the disclosed server-side rework to post-process complex interface web pages for improved performance and reduced memory requirements.

Claims

1. A computer-implemented method of improving rendering performance of complex web pages with four or more iFrames, including:

evaluating function libraries for rendering a complex web page including four or more distinct iFrames and that are used within the four or more distinct iFrames on the complex web page;

identifying, from the evaluated function libraries, sets of identical redirectable function libraries that are referenced in multiple distinct instances within at least two iFrames of the four or more distinct iFrames;

mapping a redirection of an identified set of identical redirectable function libraries to a single canonical function library, whereby loading the complex web page includes loading the single canonical function library instead of loading the multiple distinct instances of the identical redirectable function libraries of the identified set in the at least two iFrames of the four or more distinct iFrames;

modifying references to the identified set of the identical redirectable function libraries on the complex web page, wherein the modifying includes prefixing the references to the identical redirectable function libraries of the identified set with a count of a literal “

parent.”

or a literal “

top.”

or a reference derived from a “

parent.”

or “

top.”

function, in place of a longer URL location of a distinct instance of a function library of the identified set, that redirects the references to the identical redirectable function libraries to a bridging level HTML parent web page; and

providing, on the bridging level HTML parent web page, a reference to the single canonical function library.

2. The method of claim 1, further including modifying references to the identified set of the identical redirectable function libraries on the complex web page,

wherein the modifying includes prefixing the references to the identical redirectable function libraries of the identified set with redirection to a bridging level HTML parent web page, and

wherein the bridging level HTML parent web page includes references to the single canonical function library and to the at least two iFrames of the four or more distinct iFrames.

3. The method of claim 1, further including providing a browser extension and a table that cross references the identical redirectable function libraries of the identified set to the single canonical function library.

4. The method of claim 3, further including:

redirecting references to the identical redirectable function libraries of the identified set to the single canonical function library; and

processing the redirected references as web page content.

5. The method of claim 1, further including providing a browser cache extension and a table that cross references the identical redirectable function libraries of the identified set to the single canonical function library.

6. The method of claim 5, further including:

redirecting references to the identical redirectable function libraries of the identified set to the single canonical function library; and

processing the redirected references as cache requests.

7. The method of claim 1, further including:

using a memcached server extension and at least one table or config file that cross references the identical redirectable function libraries of the identified set to the single canonical function library;

redirecting references to the identical redirectable function libraries of the identified set to the single canonical function library; and

processing the redirected references as memcached server requests.

8. The method of claim 1, further including:

performing the evaluation before a session starts to cache the single canonical function library; and

updating the evaluation upon starting the session to update the cache of the single canonical function library.

9. A computer-implemented method of improving rendering performance of complex web pages with four or more iFrames, including:

evaluating resources for rendering a complex web page including four or more distinct iFrames and that are used within the four or more distinct iFrames on the complex web page;

identifying, from the evaluated resources, sets of identical redirectable resources that are referenced in multiple distinct instances within at least two iFrames of the four or more distinct iFrames;

mapping a redirection of an identified set of identical redirectable resources to a single canonical resource, whereby loading the complex web page includes loading the single canonical resource instead of loading the multiple distinct instances of the identical redirectable resources of the identified set in the at least two iFrames of the four or more distinct iFrames;

modifying references to the identified set of the identical redirectable resources on the complex web page, wherein the modifying includes prefixing the references to the identical redirectable resources of the identified set with one or more of a literal “

parent.”

or a literal “

top”

or a reference derived from a “

parent.”

or “

top.”

function, in place of a longer URL location of a distinct instance of a resource of the identified set and wherein the prefixes redirect the references to the identical redirectable resources to a bridging level HTML parent web page; and

providing, on the bridging level HTML parent web page, a reference to the single canonical resource.

10. The method of claim 9, wherein the identical redirectable resources are static resources selected from a group including at least images and cascaded style sheets.

11. An apparatus improving rendering performance of complex web pages with four or more iFrames, comprising:

a computer including a processor;

a memory coupled to the processor, wherein the memory includes computer program instructions causing the computer to implement a process including;

evaluating function libraries for rendering a complex web page including four or more distinct iFrames and that are used within the four or more distinct iFrames on the complex web page;

identifying, from the evaluated function libraries, sets of identical redirectable function libraries that are referenced in multiple distinct instances within at least two iFrames of the four or more distinct iFrames;

mapping a redirection of an identified set of identical redirectable function libraries to a single canonical function library, whereby loading the complex web page includes loading the single canonical function library instead of loading the multiple distinct instances of the identical redirectable function libraries of the identified set in the at least two iFrames of the four or more distinct iFrames;

modifying references to the identified set of the identical redirectable function libraries on the complex web page, wherein the modifying includes prefixing the references to the identical redirectable function libraries of the identified set with one or more of a literal “

parent.”

or a literal “

top”

or a reference derived from a “

parent.”

or “

top.”

function, in place of a longer URL location of a distinct instance of a resource of the identified set and wherein the prefixes redirect the references to the identical redirectable function libraries to a bridging level HTML parent web page; and

providing, on the bridging level HTML parent web page, a reference to the single canonical function library.

12. The apparatus of claim 11, further including computer program instructions causing the computer to implement a process including modifying references to the identified set of the identical redirectable function libraries on the complex web page,

wherein the modifying includes prefixing the references to the identical redirectable function libraries of the identified set with redirection to a bridging level HTML parent web page, and

wherein the bridging level HTML parent web page includes references to the single canonical function library and to the at least two iFrames of the four or more distinct iFrames.

13. The apparatus of claim 11, further including computer program instructions causing the computer to implement a process including providing a browser extension and a table that cross references the identical redirectable function libraries of the identified set to the single canonical function library.

14. The apparatus of claim 13, further including:

redirecting references to the identical redirectable function libraries of the identified set to the single canonical function library; and

processing the redirected references as web page content.

15. The apparatus of claim 11, further including computer program instructions causing the computer to implement a process including providing a browser cache extension and a table that cross references the identical redirectable function libraries of the identified set to the single canonical function library.

16. The apparatus of claim 11, further including computer program instructions causing the computer to implement a process including:

using a memcached server extension and at least one table or config file that cross references the identical redirectable function libraries of the identified set to the single canonical function library;

redirecting references to the identical redirectable function libraries of the identified set to the single canonical function library; and

processing the redirected references as memcached server requests.

17. The apparatus of claim 11, further including computer program instructions causing the computer to implement a process including:

performing the evaluation before a session starts to cache the single canonical function library; and

updating the evaluation upon starting the session to update the cache of the single canonical function library.

18. A computer-implemented method of improving rendering performance of a browser loaded with web pages in four or more distinct tabs, including:

evaluating resources for rendering four or more distinct web pages in the four or more distinct tabs of the browser and that are used in the four or more distinct web pages;

identifying, from the evaluated resources, sets of identical redirectable resources that are referenced in multiple distinct instances within at least two tabs of the four or more tabs;

mapping a redirection of an identified set of identical redirectable resources to a single canonical resource, whereby loading the four or more distinct web pages includes loading the single canonical resource instead of loading the multiple distinct instances of the identical redirectable resources of the identified set in the at least two tabs of the four or more distinct tabs;

modifying references to the identified set of the identical redirectable resources on the four or more distinct web pages, wherein the modifying includes prefixing the references to the identical redirectable resources of the identified set with one or more of a literal “

parent.”

or a literal “

top”

or a reference derived from a “

parent.”

or “

top.”

function, in place of a longer URL location of a distinct instance of a resource of the identified set and wherein the prefixes redirect the references to the identical redirectable resources to a bridging level HTML parent web page; and

providing, on the bridging level HTML parent web page, a reference to the single canonical resource.

19. The method of claim 18, further including providing a browser extension and a table that cross references the identical redirectable resources of the identified set to the single canonical resource.

20. The method of claim 19, further including:

redirecting references to the identical redirectable resources of the identified set to the single canonical resource; and

processing the redirected references as web page content.

21. The method of claim 18, further including providing a browser cache extension and a table that cross references the identical redirectable resources of the identified set to the single canonical resource.

22. The method of claim 21, further including:

redirecting references to the identical redirectable resources of the identified set to the single canonical resource; and

processing the redirected references as cache requests.