Key Resource Prefetching Using Front-End Optimization (FEO) Configuration

• US 20150089352A1
• Filed: 09/24/2014
• Published: 03/26/2015
• Est. Priority Date: 09/25/2013
• Status: Active Grant

• Current Assignee: Akamai Technologies, Inc.
• Original Assignee: Akamai Technologies, Inc.
• Inventors: Podjarny, Guy, Conboy, Craig, Daley, Christopher P.
• Granted Patent: US 9,477,774 B2
• Time in Patent Office: Days
• US Class Current: 715/234
• CPC Class Codes: G06F 12/0862 with prefetch
• 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/1097 for distributed storage of data in networks, e.g. transport arrangements for network file system [NFS], storage area networks [SAN] or network attached storage [NAS]
• CPC Class Codes: H04L 67/5681 Pre-fetching or pre-delivering data based on network characteristics

Abstract

Front-end optimization (FEO) configuration information is leveraged to identify “key” resources required to load other pages on a site, and to automatically cause key resources to be prefetched to a server, and to the browser. In this approach, an FEO analyzer uses knowledge of configured optimization templates to determine the key resources required to load pages for each template. The key resources for pages belonging to other optimization templates are then selectively prefetched by other pages. In a preferred approach, the FEO analyzer provides an edge server cache process a list of key resources and instructions to prefetch the key resources, as well as instructions to rewrite the HTML of the page to include instructions for the browser to prefetech the key resources. On the client, key resources are prefetched if missing from a cache on the browser. Key resources preferably are stored in the browser'"'"'s HTML5 local storage cache.

Claims

1. Apparatus to enhance deliverability of a website, the website comprising a set of pages, comprising:

a hardware processor;

computer memory storing computer program instructions executed by the hardware processor, the computer program instructions comprising;

program code operative to receive a front-end optimization (FEO) configuration for the website, the FEO configuration identifying a set of page templates for the website, wherein a given page template is associated with a type of page;

program code operative to analyze the FEO configuration to identify, for a given page template associated with a first page, a set of one or more key resources of a page that is linked to the first page, the linked page being associated with at least one other page template; and

program code operative to rewrite markup language code for the page associated with the given page template to include one or more instructions to prefetch the one or more key resources upon load of the page.

2. The apparatus as described in claim 1 wherein the linked page is associated with at least one other page template in the set of page templates identified in the FEO configuration.

3. The apparatus as described in claim 1 wherein the instructions are adapted to prefetch the one or more key resources into an HTML5 Local Storage associated with a requesting web client.

4. The apparatus as described in claim 1 wherein the key resources are one of:

a cascading style sheet (CSS), and a JavaScript.

5. The apparatus as described in claim 1 wherein the computer program instructions further include program code that is operative to exclude a given key resource from the one or more key resources when the given key resource is also present in the first page.

6. The apparatus as described in claim 1 wherein the program code operative to analyze the FEO configuration identifies one or more key resources required to load pages for each of the templates in the set of templates.

7. The apparatus as described in claim 6 wherein the computer program instructions further include program code to exclude one or more templates from the set of templates that are analyzed.

8. In an overlay network that provides website acceleration to multi-tenants over an edge network, the improvement comprising:

an apparatus to enhance deliverability of a website on behalf of a tenant, the website comprising a set of pages, the apparatus comprising;

a hardware processor;

computer memory storing computer program instructions executed by the hardware processor, the computer program instructions comprising;

program code operative to receive a front-end optimization (FEO) configuration for the website, the FEO configuration identifying a set of page templates for the website, wherein a given page template is associated with a type of page;

program code operative to analyze the FEO configuration to identify, for a given page template associated with a first page, a set of one or more key resources of a page that is linked to the first page, the linked page being associated with at least one other page template; and

program code operative to rewrite markup language code for the page associated with the given page template to include one or more instructions to prefetch the one or more key resources upon load of the page.

9. The improvement as described in claim 8 wherein the edge network includes one or more edge servers.

10. The improvement as described in claim 9 wherein the rewritten markup language code is served to a requesting client from an edge server in the edge network.

11. Apparatus to enhance page load of a web site, the website, the website comprising a set of pages, comprising:

a hardware processor;

computer memory storing computer program instructions executed by the hardware processor, the computer program instructions comprising;

program code operative to receive and parse markup language code for a given page associated with a given page template of a front-end optimization (FEO) configuration for the website, the FEO configuration identifying a set of page templates for the website, wherein a given page template is associated with a type of page, the given page having been modified following analysis of the FEO configuration to include one or more instructions to prefetch one or more key resources in association with loading of the given page, the one or more key resources being associated with at least a page that is linked to the given page, the linked page being associated with at least one other page template in the FEO configuration;

program code operative with respect to a particular key resource to determine whether the particular key resource is present in a client-side local store; and

program code operative in response to a determination that the particular key resource is not present in the client-side local store to prefetch the particular key resource in association with the loading of the given page.

12. The apparatus as described in claim 11 wherein the client-side local store is HTML5 Local Storage.

13. The apparatus as described in claim 11 wherein the computer program instructions further include program code operative in response to a determination that the particular key resource is present in the client-side local store for ignoring the instruction to prefetch the particular key resource.