Methods and apparatus for accelerating content authored for multiple devices

• US 9,817,916 B2
• Filed: 02/22/2013
• Issued: 11/14/2017
• Est. Priority Date: 02/22/2012
• Status: Active Grant

• Current Assignee: Akamai Technologies, Inc.
• Original Assignee: Akamai Technologies, Inc.
• Inventors: Flack, Martin T.
• Primary Examiner(s): Osman, Ramy M
• Application Number:
  US13/775,074
• Publication Number:
  US 20130219024A1
• Time in Patent Office: 1,726 Days
• CPC Class Codes: G06F 16/957 Browsing optimisation, e.g. caching or content distillation
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]
• CPC Class Codes: H04L 67/56 Provisioning of proxy services store-and-forward switching systems in data switching networks H04L12/54
• CPC Class Codes: H04L 67/561 Adding application-functional data or data for application control, e.g. adding metadata
• CPC Class Codes: H04L 67/564 Enhancement of application control based on intercepted application data
• CPC Class Codes: H04L 67/5651 Reducing the amount or size of exchanged application data

Abstract

Disclosed herein are systems, methods, and apparatus for improving the delivery of web content that has been authored for multiple devices. In certain embodiments, an intermediary device such as a proxy server determines the characteristics of a client device requesting multi-device content, obtains and examines the multi-device content, and in view of the particular requesting client device removes portions that are irrelevant for that device. Doing so can accelerate delivery of the content by reducing payload and relieving the client device of the processing burden associated with parsing the content to make that determination itself, among other things.

Claims

1. A method performed by an intermediary device that is connected to a computer network and that receives client requests for content and obtains content from an origin server, comprising, at the intermediary device:

receiving a request for particular content from a client device, the particular content being at least one of (i) an HTML document and (ii) a CSS file;

determining one or more characteristics of the client device using information received with the client device'"'"'s request for the particular content;

obtaining the particular content requested by the client device, and examining the particular content to determine that the particular content includes multi-device content in the form of an inlined CSS media query that includes at least one logical expression that the client device is capable of executing and that upon said execution conditions the client device'"'"'s application of a CSS rule on at least one of the one or more client device characteristics when rendering a web page based on the particular content;

evaluating the inlined CSS media query based on the one or more characteristics of the client device, and based on said evaluation, determining that the client device'"'"'s execution of the CSS media query, including the logical expression, would determine that the CSS media query instructs the client device not to apply the CSS rule, based on the one or more characteristics of the client device;

based at least in part upon said evaluation of the inlined CSS media query by the intermediary device, modifying the particular content at least by removing the CSS rule and the CSS media query, thus reducing a size of the particular content;

sending the modified particular content to the client device in response to the client device'"'"'s request.

2. The method of claim 1, further comprising, based at least in part upon said evaluation of the inlined CSS media query, removing an HTML element in the particular content that refers to the CSS rule.

3. The method of claim 1, wherein the one or more characteristics of the client device include any of:

browser window width or height, screen width or height, display characteristics, user interface characteristics.

4. The method of claim 1, further comprising caching the modified particular content.

5. The method of claim 1, wherein obtaining the content comprises requesting and receiving the particular content from an origin web server.

6. The method of claim 1, wherein the intermediary device comprises a reverse proxy server.

7. The method of claim 1, wherein the multi-device content further comprises a CSS block with a suffix of “

;

hover”

that is inapplicable to the client device because the client device is touch-only.

8. Apparatus connected to a computer network and that receives client requests for content and obtaining content from an origin server, comprising:

circuitry forming one or more processors and memory storing instructions to executed by the one or more processors, where execution of the stored instructions will cause the apparatus to;

receive a request for particular content from a client device, the particular content being at least one of (i) an HTML document and (ii) a CSS file;

determine one or more characteristics of the client device using information received with the client device'"'"'s request for the particular content;

obtain the particular content requested by the client, and examining the particular content to determine that the particular content includes multi-device content in the form of an inlined CSS media query that includes at least one logical expression that the client device is capable of executing and that upon said execution conditions the client device'"'"'s application of a CSS rule on at least one of the one or more client device characteristics when rending a web page based on the particular content;

evaluate the inlined CSS media query based on the one or more characteristics of the client device, and based on said evaluation, determine that the client device'"'"'s execution of the CSS media query, including the logical expression, would determine that the CSS media query instructs the client device not to apply the CSS rule, based on the one or more characteristics of the client device;

based at least in part upon said evaluation of the inlined CSS media query by the apparatus, modify the particular content at least by removing the CSS rule and the CSS media query, thus reducing a size of the particular content;

send the modified particular content to the client device in response to the client device'"'"'s request.

9. The apparatus of claim 8, where execution of the stored instructions will cause the apparatus to:

based at least in part upon said evaluation of the inlined CSS media query, remove an HTML element in the particular content that refers to the CSS rule.

10. The apparatus of claim 8, wherein the one or more characteristics of the client device include any of:

browser window width or height, screen width or height, display characteristics, user interface characteristics.

11. The apparatus of claim 8, wherein the apparatus caches the modified particular content.

12. The apparatus of claim 8, wherein the apparatus obtains the particular content at least by requesting and receiving the particular content from an origin web server.

13. The apparatus of claim 8, wherein the apparatus comprises a reverse proxy server.