CN108476244A - 通过利用网络延迟来缩短页面加载时间的方法和系统 - Google Patents

Abstract

提供了用于显示网页的方法和电子装置。所述方法包括：经由web浏览器接收打开与主web统一资源定位符(URL)对应的网页的请求；获取预先存储在本地位置处的被映射到所请求的网页的参数的子资源信息；以及基于获取的子资源信息请求子资源内容。所述方法还包括：接收所请求的子资源内容，以及基于所接收到的子资源内容和主资源内容在所述web浏览器上显示所述网页。

Description

通过利用网络延迟来缩短页面加载时间的方法和系统

技术领域

与示例性实施例一致的方法和设备涉及web浏览，并且具体地，涉及通过利用网络延迟来缩短网页加载时间的方法和电子装置。

背景技术

在因特网上，用户使用的信息是通过打开网页统一资源定位符(URL)或者通过打开网页中存在的链接/超链接或打开通过搜索引擎获得的搜索结果来访问的。用户可通过在web浏览器上的URL栏中键入URL或者通过点击网页中存在的超链接来访问任何URL。典型的web应用经由因特网、内联网或包括位于网络节点(节点)上的多个互连装置的任何其它计算机网络来操作，并且具有至少一个服务器和客户端。服务器响应于例如通过在web浏览器上的URL栏中键入URL所作出的客户请求而为网页信息服务，并且客户端将信息呈现在web浏览器上。客户端负责解析从服务器接收到的应答并且将其显示给最终用户。

一般地，对网页URL的请求返回包括主资源信息的应答，该主资源信息还包括实际上用于显示完整网页的主资源和其它子资源数据。为了加载完整网页，将从网络提取其主资源内容(index.html)以及子资源(诸如css、js/脚本、ttf、图像等)。

参照图1，例示了依照现有技术解决方案的请求-应答流程100。过程通过请求网页URL而开始(在块102处)。一旦对网页URL作出请求，如块104中所指示的，会对与所请求的网页URL对应的主资源内容作出初始请求。此后，电子装置检查是否接收到主资源内容(块106)。

如果尚未接收到主资源内容，则电子装置如块108中所指示的那样在预定时间内等待接收主资源内容，而如果在预定时间段内未接收到主资源内容(块110)，则信息流程过程如块112中所指示的那样结束。另一方面，如果在预定等待周期的到期之前在客户端侧(web浏览器或基于web的应用)处接受/取出主资源内容，则处理在客户端侧处开始。所取出的主资源内容在客户端处被解析从而按照预定义规则处理数据以向用户显示(块118和120)并且识别附加的子资源信息/URL以向服务器请求它们(块114和116)。现有解决方案也允许并行地处理，即，在块106中一从服务器接收到资源内容，它就可被进一步发送以供处理和显示(块118和120)而无需等待其它资源(如果它未被任何不可推迟的资源阻塞)，并且可进行并行处理以识别(块114)附加的资源。因此，可以注意的是，在接收并处理主资源内容以识别子资源之前，对显示主网页所依据的这些子资源不进行请求。另外，客户端在主资源内容的请求-应答处理期间处于空闲状态。识别子资源并且接收子资源内容涉及到(在等待主资源内容并且对其解析以识别子资源信息时的)等待周期。这导致了加载完整网页时的等待时间并且最终影响并使用户体验劣化。

已经提出若干解决方案来改进网页的加载时间。在如Kleyzit等人的标题为“Method and system for reducing web page download time”的美国专利申请公开编号2011/0066676中所公开的解决方案之一中，网页应答/加载时间是通过在批量请求中请求多个资源、在批量应答中接收资源并且在缓存在客户端上之前使资源和相应的HTTP报头分开来改进的。客户端发送包括了基页引用的多个资源的web地址的批量请求，而服务器单独地处理对web地址的分别的请求。但是，同样在当前情况下，客户端不能在接收主资源内容之前发送批量请求。因此，在此处理中仍然存在等待时间。

在另一解决方案中，如在“http://andydavies.me/blog/2013/10/22/how-the-browser-pre-loader-makes-pa ges-load-faster/”处可得到的标题为“How the BrowserPre-loader Makes Pages Load Faster”的出版物中所公开的解决方案中，提出了轻量级解析器以及主解析器来提早识别和请求子资源，使得在任何时刻，可使得由于缺少不可推迟的资源而在处理网页的主要内容时导致的阻塞最小化。尽管它可以显著改进浏览器的性能，然而在尚未从服务器端下载主资源文档之前不会发送对这些子资源的请求。

因此，需要克服现有解决方案中的问题并且提供一种机制以对抗由于联网和从服务器端加载资源而产生的等待时间。特别地，需要提供改进的解决方案来减少网页的加载等待时间并且改进用户的查看体验。

发明内容

技术问题

因此，需要克服现有解决方案中的问题并且提供一种机制以对抗由于联网和从服务器端加载资源而产生的等待时间。特别地，需要提供改进的解决方案来减少网页的加载等待时间并且改进用户的查看体验。

问题的解决方案

示例性实施例可以至少解决以上问题和/或缺点以及以上未描述的其它缺点。而且，示例性实施例不需要克服上述的缺点，并且可以不克服上面描述的任何问题。

根据示例性实施例的一个方面，提供了一种显示网页的方法，所述方法包括：经由web浏览器接收打开与主web统一资源定位符(URL)对应的所述网页的请求；获取预先存储在本地位置处的被映射到所请求的网页的参数的子资源信息；以及基于获取的子资源信息请求子资源内容。所述方法还包括：接收所请求的子资源内容；以及基于接收到的子资源内容和主资源内容，在所述web浏览器上显示所述网页。

所述方法还可以包括：接收所述主资源内容；在接收到的主资源内容中检测附加的子资源信息；以及基于检测到的附加的子资源信息，请求附加的子资源内容。

所述方法还可以包括从接收到的主资源内容中提取所述附加的子资源信息。

所述方法还可以包括：接收所请求的附加的子资源内容；以及基于接收到的主资源内容、接收到的子资源内容和接收到的附加的子资源内容，在所述web浏览器上显示所述网页。

所述方法还可以包括：请求所述主资源内容；以及接收所请求的主资源内容。

可以同时地执行请求所述主资源内容和请求所述子资源内容，或者可以在请求所述子资源内容之后执行请求所述主资源内容，或者可以在请求所述子资源内容之前执行请求所述主资源内容。

所述子资源信息的获取可以基于以下各项中的任何一个或任何组合：所述子资源信息的优先级值、加载信息的时间、所述子资源信息的独立性的等级以及与所述子资源信息对应的子资源内容的类型。

所述方法还可以包括将所述子资源信息存储在所述本地位置处。

所述方法还可以包括：在接收打开所述网页的请求之前访问所述主web URL；以及生成所述子资源信息并将其存储在所述本地位置处。

生成并存储所述子资源信息可以包括：从服务器中获取与所述主web URL对应的主资源内容；解析所获取的主资源内容以识别一个或更多个子资源；以及基于所识别的一个或更多个子资源，生成并存储模型数据。

所述方法还可以包括：接收所述主资源内容；处理接收到的主资源内容以从接收到的主资源内容中提取子资源信息；利用预先存储的子资源信息来分析所提取的子资源信息；以及基于所述分析，更新所述预先存储的子资源信息。

所述更新可以包括对所述预先存储的子资源信息的一部分作出的修改、插入或删除中的任何一种或任何组合。

所述方法还可以包括基于以下各项中的任何一种或任何组合来更新所述预先存储的子资源信息：所述预先存储的子资源信息的优先级值；加载信息的时间；以及子资源的元数据。

所述子资源信息可以包括含有以下各项中的任何一种或任何组合的一个或更多个子资源的信息：图像；视频文件；音频文件；脚本；样式表web字体；以及要用于显示或渲染所述子资源或另一子资源的子资源。

打开所述网页的所述请求可以包括对URL的单独的请求、或者被一起请求的一个或更多个URL的列表、或者以批量模式被请求的一个或更多个URL的列表。

根据另一示例性实施例的一个方面，提供了一种用于显示网页的电子装置，所述电子装置包括：第一接收器，所述第一接收器被配置为经由web浏览器接收打开与主web统一资源定位符(URL)对应的所述网页的请求；以及获取器，所述获取器被配置为：获取预先存储在本地位置处的被映射到所请求的网页的参数的子资源信息；以及基于所获取的子资源信息，请求子资源内容。所述电子装置还包括：第二接收器，所述第二接收器被配置为接收所请求的子资源内容；以及显示器，所述显示器被配置为基于接收到的子资源内容和主资源内容在所述web浏览器上显示所述网页。

附图说明

通过参照附图描述示例性实施例，以上和/或其它方面将更显而易见，在附图中：

图1是例示了请求-应答流程的方法的流程图；

图2是例示了根据示例性实施例的显示网页的方法的流程图；

图3是例示了根据另一示例性实施例的显示网页的方法的流程图；

图4是根据示例性实施例的用于显示网页的电子装置的框图；

图5是根据另一示例性实施例的用于显示网页的系统的框图；

图6是例示了根据示例性实施例的由如图5中所例示的系统实现的信息处理的流程图；

图7是例示了根据另一示例性实施例的显示网页的方法的流程图；

图8是根据另一示例性实施例的用于显示网页的电子装置的框图；

图9示出了根据示例性实施例的网页；

图10示出了根据示例性实施例的指示与web url相关联的子资源的另一网页；

图11是例示了在不使用训练数据的情况下加载网页的流程的图；

图12是例示了根据示例性实施例的使用训练数据来加载网页的流程的图；

图13是使用web检查器加载因特网内容服务网站的定时图；

图14是根据示例性实施例的使用web检查器加载因特网内容服务网站的定时图；以及

图15是例示了根据示例性实施例的表示硬件环境的计算机系统的硬件配置的图。

具体实施方式

下面参照附图更详细地描述示例性实施例。

在以下描述中，即使在不同的附图中，相似的附图标记也被用于相似的元件。说明书中定义的事项(诸如详细的构造和元件)被提供来协助全面地理解示例性实施例。然而，显而易见的是，可在没有那些具体地定义的事项的情况下实践示例性实施例。而且，未详细地描述众所周知的功能或构造，因为它们会用不必要的细节模糊描述。

另外，在说明书中描述的诸如“单元”、“-者(-器)”和“模块”的术语指代用于执行至少一个功能或操作的元件，并且可以用硬件、软件或硬件和软件的组合加以实现。

图2是例示了根据示例性实施例的显示网页的方法200的流程图。方法200包括用于在web浏览器上接收打开网页的请求的步骤202，该网页与主web统一资源定位符(URL)相关联。打开网页的请求可以是包括但不限于这样的形式：在web浏览器的URL栏处键入的URL、存在于网页中的链接/超链接或重定向的链接/超链接等中的任何一种或任何组合。打开网页的请求可以包括对URL的单独请求或者一起请求的一个或更多个URL的列表或者在批量模式下请求的一个或更多个URL的列表。

如果在步骤202中接收到打开网页的请求，则对按照与网页相关的参数的映射关系在本地位置处预先存储的子资源信息进行获取，并且在步骤204中请求与子资源信息相关联的子资源内容。和网页相关的参数可以包括主资源URL、主资源内容或与所请求的主网页相关联的任何信息。如果主web URL在较早的时间被访问过，子资源信息被生成并存储在本地位置处。在示例性实施例中，子资源信息可以被存储在用户/客户端装置中的多个本地位置处。子资源信息包括关于用于显示网页的主要内容的各种子资源的信息。

已经在这里使用了子资源的分类。可推迟的资源指代可(连同某个其它处理一起)在异步模式下加载或者可被延迟加载(或者在推迟模式下，即，在某个稍后阶段处加载而不会阻塞解析器等待它被取出和执行)的资源，并且允许在没有任何阻塞的情况下处理主文档。由于不可推迟的资源在对主文档的进一步处理之前会被使用(用于渲染)，所以不能延迟加载这些资源。

如果用户/客户端装置第一次访问网页，则识别和处理该网页的子资源的信息。换句话说，子资源信息是使用像主web URL、元数据和所接收到的主资源内容这样的与主网页相关的信息来生成的。生成和存储包括从服务器中获取与主web URL相关联的主资源内容。解析和处理所获取到的主资源内容以识别一个或更多个子资源并且此后基于所识别的一个或更多个子资源创建和存储模型数据。这种处理的模型数据被称为子资源信息/训练信息。如预先存储在本地位置处的子资源信息可以在说明书中被互换地称为训练信息。在示例性实施例中，训练信息也可以包括与所存储的子资源信息中的全部或部分对应的子资源内容。

在示例性实施例中，子资源/训练信息包括这样的信息，该信息包括与以下各项中的任何一种或任何组合的形式的一个或更多个子资源相关的信息：图像(png、jpeg、gif、svg、jpg等)；视频/动画文件(mp4、gif、wmv、avi、flv等)；音频文件(mp3、wav、aac等)；脚本(js、swf等)；样式表(css等)；Web字体(ttf、opf、woff等)；以及任何其它类型的子资源，其用于显示/渲染其自身或另一资源。在这里使用了形成训练信息的一部分的信息的类型的分类。这包括基于存储的信息类型，其提供了与服务器的名称以及子资源内容的位置(web链接/URL)相关的信息，从该子资源内容的位置处将会提取子资源。基于内容的信息类型包括这样的细节：诸如内容的大小、内容的类型(可推迟的/不可推迟的)、内容的名称/标题、服务器最后修改时间、服务器时间、到期时间、缓存控制、内容编码、服务器响应等。训练信息也可以包括与以下各项相关的信息：用于在客户端侧或服务器侧或两者处取出子资源(基于学习得以更新)的优先级等级、用户请求报头、用户最后访问时间等。训练信息以文本形式存储。因此，用于与每个子资源相关的信息的空间是最小的，从而允许大量存储以使训练信息和网页建模系统保持良好。

此后，方法200包括在步骤206处从服务器接收至少一个子资源内容并且在步骤208处基于所接收到的至少一个子资源内容和主资源内容在web浏览器上显示网页。在示例性实施例中，方法200包括请求获取主资源内容并且响应于此而从服务器接收主资源内容。在示例性实施例中，同时地作出对主资源内容的获取请求和对子资源内容的获取请求。在另一示例性实施例中，在作出对子资源内容的获取请求之后，作出对主资源内容的获取请求。在另一示例性实施例中，在作出对子资源内容的获取请求之前，作出对主资源内容的获取请求。从服务器获取子资源内容可以基于从组中选择的一个或更多个预定准则，该组包括了与子资源信息相关联的优先级值、加载信息的时间、子资源信息的独立性的等级和与子资源信息相关联的子资源内容的类型。

在又一示例性实施例中，方法200还包括如果在所接收到的主资源内容中检测到附加的子资源信息，则请求附加的子资源内容。在将所存储的子资源信息(训练信息)与从所接收到的主资源内容中提取的子资源信息相比较之后，可识别附加的子资源信息。方法200还包括从所接收到的主资源内容中取出附加的子资源信息，请求与取出的附加的子资源信息对应的附加的子资源内容，并且响应于此而接收该附加的子资源内容。此后，基于所接收到的主资源内容、子资源内容和至少一个附加的子资源内容在web浏览器上显示网页。

在另一示例性实施例中，方法200还提供了一种机制以识别是否将对预先存储的子资源信息作出任何改变。这包括处理所接收到的主资源内容以取出包括在所接收到的主资源内容中的子资源信息。此后，对从所接收到的主资源内容中取出的子资源信息和预先存储在本地位置处的子资源信息进行分析，并且基于分析对预先存储在本地位置处的子资源信息进行更新。更新可以包括对预先存储在本地位置处的子资源信息的至少一部分作出的修改、插入或删除。如果基于分析未识别出改变，则不对预先存储的子资源信息作出更改。方法200还包括基于从组中选择的一个或更多个预定准则更新预先存储在本地位置处的子资源信息，该组包括但不限于与子资源相关联的优先级值、加载信息的时间、与子资源相关联的任何元数据。

图3是例示了根据另一示例性实施例的显示网页的方法300的流程图。方法300包括在web浏览器上接收打开网页的请求的步骤302，该网页与主web统一资源定位符(URL)相关联。如果在步骤302处接收到打开网页的请求，则在步骤304处获取按照与网页相关的参数的映射关系预先存储在本地位置处的子资源信息。此后，该方法涉及确定(在步骤306处)在高速缓存存储器或本地位置处的与预先存储在本地位置处的子资源信息对应的子资源内容的可用性。

基于在步骤306处的确定，在步骤308处取出/请求子资源内容。如果发现与整个预先存储的子资源信息对应的子资源内容在高速缓存存储器或本地位置处是可用的，则从高速缓存存储器或本地位置中取出该子资源内容。此后，方法300涉及基于从高速缓存存储器或本地位置中取出/请求的子资源内容和接收到的主资源内容在web浏览器上显示(在步骤310处)网页。

因此，与图2中例示的示例性实施例不同，与预先存储的子资源信息对应的子资源内容是从高速缓存存储器或本地位置而不是从服务器中被提取的。当子资源内容直接地从高速缓存存储器或本地位置中提取时，因为消除了在发送对子资源内容的请求并且从服务器接收其子资源内容时的延迟，所以可以更快速地加载网页。

在示例中，如果在步骤306处，确定了与预先存储在本地位置处的子资源信息对应的子资源内容仅一部分/部分量在高速缓存存储器或本地位置处是可用的，则从高速缓存存储器或本地位置中取出部分可用的子资源内容并且从服务器请求其它不可用的内容。此后，基于从服务器接收到的子资源内容、从高速缓存存储器或本地位置中取出的子资源内容以及接收到的主资源内容，在web浏览器上显示(在步骤308处)网页。如果在步骤306处发现在高速缓存存储器或本地位置处没有与预先存储的子资源信息对应的子资源内容是可用的，则从服务器中提取该子资源内容并且以与如图2中所例示的相同方式显示网页。

在示例性实施例中，方法300涉及在接收到的主资源内容中检测附加的子资源内容的存在。在所接收到的主资源内容中检测附加的子资源信息的存在涉及：提取包括在所接收到的主资源内容中的子资源信息；以及将从所接收到的主资源内容中提取的子资源信息与预先存储在本地位置处的子资源信息和从存储在高速缓存存储器中的子资源内容(如果可用)导出的子资源信息相比较。另外，如果在所接收到的主资源内容中检测到附加的子资源信息的存在，则向服务器请求附加的子资源内容，而后该附加的子资源内容被接收。此后，方法300包括基于所接收到的主资源内容、从高速缓存存储器和/或服务器中取出的子资源内容以及接收到的附加的子资源内容在web浏览器上显示网页。然而，如果在所接收到的主资源内容中未检测到附加的子资源信息的存在，则基于所接收到的主资源内容和从高速缓存存储器和/或服务器中取出的子资源内容在web浏览器上显示网页。

图4是根据示例性实施例的用于显示网页的电子装置400的框图。电子装置400包括用于在web浏览器上接收打开网页的请求的第一接收器402，该网页与主web统一资源定位符(URL)相关联。获取器404被提供用以获取按照与网页相关的参数的映射关系预先存储在本地位置处的子资源信息并且请求与子资源信息相关联的子资源内容。在示例性实施例中，子资源信息可以被存储在用户/客户端装置中的多个本地位置处。

电子装置400还包括用于从服务器(或者从高速缓存存储器或本地位置(如果可用))接收至少一个子资源内容的第二接收器406，以及用于基于所接收到的至少一个子资源内容和主资源内容在web浏览器上显示网页的显示器408。获取器404还包括解析器410，该解析器410在与处理器412的操作互连中被配置用于检测是否在所接收到的主资源内容中检测到附加的子资源信息。另外，如果在所接收到的主资源内容中检测到附加的子资源信息，则处理器412从所接收到的主资源内容中提取附加的子资源信息，并且在与显示器408的操作互连中基于所接收到的主资源内容、子资源内容和至少一种附加的子资源内容在web浏览器上显示网页。在示例性实施例中，处理器412可以控制电子装置的其它模块(即，第一接收器402、第二接收器406、显示器408、存储器414、获取器404和输入/输出接口416)的操作。电子装置400的模块中的每一个均可以用硬件或软件或两者的组合加以实现。

电子装置400还包括用于存储训练信息的存储器414。还提供了输入/输出接口416用以接收来自用户的一个或更多个输入，例如用以接收打开网页的请求。上述模块/单元中的每一个彼此可操作地互连。在示例性实施例中，获取器404和处理器406可以形成独立模块。在示例性实施例中，第一接收器402和第二接收器406可以形成独立模块。

图5是根据另一示例性实施例的用于显示网页的系统500的框图。系统500包括被配置为接收获取主网页/资源URL的请求的浏览器/基于web的应用模块502。系统500还包括web引擎模块504，该web引擎模块504又包括被配置为加载与主网页/资源URL对应的网页的加载器模块506。加载器模块506被配置为向服务器508发送用于取出主资源内容和子资源内容的请求并且从服务器508接收对其的应答。服务器508包括存储主资源内容和子资源内容的存储模块510。web引擎模块504还包括处理器/解析器512，该处理器/解析器512被配置为分析从服务器508接收到的应答并且进一步与网页建模系统514交互。处理器512还包括用于解析网页并且生成其标记的解析器。

网页建模系统514被提供用于生成与主资源URL对应的子资源的建模数据。网页建模系统514被配置为例如基于资源的推迟和不推迟性质以及处理它们的细节来识别资源的细节从而创建建模数据。子资源的经处理的信息/建模数据(也被称为训练信息)被存储在训练片段存储模块516中。训练片段存储模块516存储关于子资源的各种细节，包括服务器的名称和将从中提取子资源的子资源内容的位置(web链接/URL)；包括诸如以下各项的细节的基于内容的信息类型：内容的大小、内容的类型(可推迟的/不可推迟的)、内容的名称/标题、服务器最后修改时间、服务器时间、到期时间、缓存控制、内容编码、服务器响应等；和用于在客户端侧或服务器侧或两者处取出子资源的优先级等级、用户请求报头、用户最后访问时间等相关的信息。网页建模系统514还被配置为更新/修改存储在训练片段存储模块516中的训练信息。应当根据以下图6来说明系统500的各种模块的详细功能和操作。

图6是例示了根据示例性实施例的由如图5中所例示的系统500实现的信息处理的流程图。为了说明图6的目的，也应使用图5中使用的标记。该处理通过由浏览器/应用模块502(在块604处)接收用于请求获取主网页/资源URL的用户输入而(在块602处)开始。如果接收到用户输入，web引擎模块504就像块606中所指示的那样检查与所请求的主资源URL对应的存储在训练片段存储模块516中的训练信息的可用性。如先前所讨论的，当用户第一次访问网页时，关于其子资源的信息被识别和处理。这种处理过的关于子资源的信息被称为子资源信息/训练信息。训练信息被存储在客户端装置的本地存储器中，即训练片段存储模块516中。在识别针对所请求的主资源URL的训练信息不可用时，即，用户/客户端第一次访问主资源URL，加载器模块506正常加载网页并且网页建模系统514进行建模以生成训练信息。在这种情况下，如块608中所指示的，向服务器508请求主资源URL。对主资源URL的请求返回以HTML文档的形式包括了主资源内容的应答，该HTML文档包括了包括内联脚本和样式(js、css等)以及表示完整网页的视图的各种HTML标签等的index.html文件。如块610中所指示的，主资源内容依据发送主资源URL的请求由加载器模块506来接收。

在接收到主资源内容时，主资源内容被处理器/解析器512处理以识别子资源信息，该子资源信息包括关于显示网页的主要内容的各种子资源的信息(块612)。识别用于显示网页的各种子资源的信息URL。在识别各种子资源的信息URL时，各种请求被发送到服务器508以在客户端侧加载这些子资源(块612)。

同时，训练信息可以由网页建模系统514生成(块614)并且被存储在可以在将来作出对相同主资源URL的请求时被使用的训练片段存储器516(本地客户端装置存储器)。由网页建模系统514生成训练信息涉及处理所接收到的主资源内容并且识别与各种子资源对应的子资源信息，该各种子资源可以是包括以下各项中的任何一种或任何组合的形式：图像；视频文件；音频文件；脚本；CSS/样式表、web字体文件、java脚本；或任何其它类型的子资源，其用于显示/渲染其自身或另一资源。所述生成涉及识别并处理关于子资源的详细信息，以创建建模数据。这种处理过的关于子资源的信息/建模数据被称为训练信息并且被存储在客户端装置中的本地位置中以用于将来。

另一方面，在识别训练信息对所请求的主资源URL是可用的时(在块606中)，加载器506从训练片段存储模块516中取出与所请求的URL对应的预先存储的训练信息(块616)，并向服务器508发送用于加载或获取训练信息中识别出的子资源的内容的请求并且也向服务器508发送用于获取主资源内容的请求(块618)。因此，当关于子资源的信息已经可用时，不需要等待从服务器508接收主资源内容来识别与子资源有关的信息。这导致完整网页的加载等待时间显著减小。可以同时作出对主资源内容的获取请求和对子资源内容的获取请求；或者可以在作出对子资源内容的获取请求之后作出对主资源内容的获取请求；或者在作出对子资源内容的获取的请求之前作出对主资源内容的获取的请求。此后，如果接收到主资源内容，主资源内容和所存储的子资源信息就由处理器512处理以在所接收到的主资源内容中检测附加的子资源内容的存在(块620)。在块622处，如果在所接收到的主资源内容中检测到附加的子资源信息的存在并且发现被使用，则向服务器请求加载或获取在附加的子资源信息中识别出的附加的子资源的内容(块624)。

此外，如果检测到附加的子资源信息的存在，则通过将附加的子资源信息与先前存储的训练信息合并来更新存储在本地存储器中的子资源信息，即所存储的训练信息(块626)。换句话说，生成更新后的训练信息。在示例性实施例中，生成更新后的训练信息包括由解析器解析所接收到的主资源内容以便提取包括在所接收到的主资源内容中的子资源信息并且将从所接收到的主资源内容中提取的子资源信息与所存储的子资源信息相比较以识别现有存储的子资源信息中的变化。分析所接收到的主资源内容以识别现有存储的子资源信息中的变化在进一步继续之前确保了子资源信息的正确性。此后，基于比较和分析更新所存储的子资源信息。更新包括对所存储的子资源信息的至少一个部分作出的修改、插入/添加或删除。如果发现了子资源信息已部分地改变，则不存在的子资源信息被去除，因此基于该去除更新所存储的训练信息。如果发现了子资源信息已经完全改变，则在用从所接收到的主资源内容中提取的子资源信息替换存储在本地位置处的全部子资源信息之后，更新所存储的训练信息。如果发现了附加的子资源信息被使用，则将附加的子资源信息与现有存储的训练信息合并，因此基于该合并更新所存储的训练信息。更新/修改所存储的信息可以包括但不限于更新/修改以下信息：诸如主资源页面的标题、服务器最后修改时间、服务器时间、到期时间、缓存控制、内容编码、服务器响应，以及由用户作出的最后访问相关的细节等。在示例性实施例中，也可以基于子资源的元数据更新/修改训练信息。元数据可以包括但不限于内容大小、阻塞性质、使用资源的时间、对先前加载时间的分析等。

如果接收到所有内容(即，主资源内容、子资源内容(包括附加的子资源，若有的话))，整块内容就被处理(块628)并且完成其加载(块630)，文档对象模型(DOM)被生成并且发起完整网页的渲染和显示的过程(块632)，而后过程结束(块634)。

图7是例示了根据另一示例性实施例的显示网页的方法700的流程图。方法700包括用于在web浏览器上接收打开网页的请求的步骤702，该网页与主web统一资源定位符(URL)相关联。如步骤704所指示，方法700还包括获取按照与网页相关的参数的映射关系预先存储在本地位置处的子资源信息，以及请求与子资源信息相关联的子资源内容。在示例性实施例中，子资源信息可以被存储在用户/客户端装置中的多个本地位置处。可以向服务器请求子资源内容，或者可以直接地从高速缓存存储器或本地位置(如果可用)中取出子资源内容。与网页相关的参数可以包括主资源URL、主资源内容或与所请求的主网页相关联的任何信息。

此后，方法700涉及步骤706，该步骤706用于在接收到的主资源内容中检测附加的子资源内容的存在。在所接收到的主资源内容中检测附加的子资源信息的存在的步骤706涉及提取包括在所接收到的主资源内容中的子资源信息。此后，将从所接收到的主资源内容中提取的子资源信息与预先存储在本地位置处的子资源信息相比较。

而后，如果在所接收到的主资源内容中检测到附加的子资源信息的存在，则在步骤708处，方法700包括基于所接收到的主资源内容、子资源内容和至少一个附加的子资源内容在web浏览器上显示网页。在示例性实施例中，如果在比较时，发现了从所接收到的主资源内容中提取的子资源信息与预先存储在本地位置处的子资源信息完全不同，即，预先存储在本地位置处的子资源信息中没有一部分与显示网页的目的是相关的，则向服务器请求与从所接收到的主资源内容中取出的完整子资源信息对应的内容。在这种情况下，从所接收到的主资源内容中提取的完整子资源信息变成了附加的子资源信息。此后，基于所接收到的主资源内容以及与从所接收到的主资源内容中提取的子资源信息对应的子资源内容，在web浏览器上显示网页。

然而，如果在步骤706中在所接收到的主资源内容中未检测到附加的子资源信息的存在，则在步骤710处，基于所接收到的主资源内容和子资源内容在web浏览器上显示网页。在示例性实施例中，方法700还包括按照与网页相关的参数的映射关系将子资源信息和附加的子资源信息存储在本地位置处。

图8是根据另一示例性实施例的用于显示网页的电子装置800的框图。电子装置800包括：接收器802，该接收器802用于在web浏览器上接收打开网页的请求，该网页与主web统一资源定位符(URL)相关联；以及获取器804，该获取器804用于获取按照与网页相关的参数的映射关系预先存储在本地位置处的子资源信息并请求与子资源信息相关联的子资源内容。处理器806还设置用于在接收到的主资源内容中检测附加的子资源信息的存在。在示例性实施例中，处理器806可以控制电子装置的其它模块(即，接收器802、存储器810、获取器804、显示器808和输入/输出接口812)的操作。

电子装置800还包括显示器808，该显示器808用于：如果在所接收到的主资源内容中检测到附加的子资源信息的存在，则基于所接收到的主资源内容、子资源内容和至少一个附加的子资源内容在web浏览器上显示网页，否则基于所接收到的主资源内容和至少一个子资源内容在web浏览器上显示网页。电子装置800还包括用于存储子资源信息的存储器810。输入/输出接口812还被设置用于接收来自用户的一个或更多个输入，例如用于接收打开网页的请求。上述模块/单元中的每一个彼此可操作地互连。

图9示出了根据示例性实施例的网页。如图例示的示例性网页具有主网页URLwww.abcd1234.com/url。如以前所讨论的，为了加载完整网页，将从服务器中取出其主页面资源(index.html)以及子资源(诸如css、js/脚本、tiff、图像等)。在图9中指示了与主网页URL对应的子资源。

图10示出了根据示例性实施例的指示与web url相关联的子资源的另一网页。示例性网页指示与主网页URL www.abcd123.com/tab相关联的可推迟的和不可推迟的子资源。

图11是例示了在不使用训练数据的情况下加载网页的流程的图。可以看到，在客户端作出打开网页的请求之后，首先对主资源/页面内容的请求被发送到服务器并且从服务器接收对请求的应答(块1102)。如果主资源内容的数据块在客户端侧是可用的，则客户端开始处理主资源内容并且识别用于显示完整网页的子资源和关联信息。在当前情况下，子资源即子资源1、子资源2、子资源3、子资源4和子资源5被识别。因此，可以看到，子资源和关联信息仅在主资源内容是可用的之后才会被识别。等待周期涉及从服务器接收主资源/页面内容，此后识别子资源和关联信息以及发送关于所识别的子资源的请求。在识别子资源和关联信息时，对这些子资源的请求被发送到服务器并且对其的应答被接收(块1104-1、1104-2、1104-3、1104-4、1104-5)。相对于主资源和子资源在客户端侧将接收后续内容/数据块，并且客户端将继续处理数据。在处理重要的数据块之后，它开始解析并创建DOM(块1106)并且开始渲染和布局的处理(块1108)。处理的下一个步骤是显示/绘制(块1110)主资源数据/内容以及与子资源相关联的数据/内容。也可与针对子资源的请求-应答过程并行地执行解析、渲染和绘制的步骤。为了说明的目的，在没有训练信息的情况下处理和显示网页时采取的总时间戳被视为TS0。子资源和关联信息的模型数据也被创建和存储以供将来使用。

图12是例示了根据示例性实施例的使用训练数据来加载网页的流程的图。在这种情况下，如在图11中引用的等待周期用于从服务器接收主页面/资源应答而后识别子资源和关联信息以及发送关于子资源的请求，该等待周期被高效地利用。客户端一向服务器请求主资源就发送关于子资源的请求，从而使用了等待周期。可以同时地作出对主资源内容的获取请求和对子资源内容的获取请求；或者可以在作出对子资源内容的获取请求之后作出对主资源内容的获取请求；或者在作出对子资源内容的获取请求之前作出对主资源内容的获取请求。在使用上述等待周期时，示例性实施例使用了存储在客户端装置的本地存储器中的训练信息/数据。

参照图12，当用户请求加载网页时，首先检查关于与所请求的主网页对应的其子资源(1202)的训练信息/数据的可用性。假定发现了和4个子资源即子资源1、子资源2、子资源3、子资源4相关的信息，则网页请求一被发送(块1204)，客户端就发送对上述子资源的请求(块1206-1、1206-2、1206-3、1206-4)。当关于子资源的信息已经可用时，用于识别子资源的主页面应答的等待被消除。如果对主资源和子资源内容的请求被发送，则相对于主页面/资源和所识别的子资源在客户端侧将接收数据块。如果接收到主资源内容，则主资源内容和所存储的训练信息就被分析，以在所接收到的主资源内容中检测附加的子资源内容的存在(块1208)。如果未检测到附加的子资源信息的存在，则系统开始解析并创建DOM(块1210)并且发起渲染和布局处理(块1212)。处理的下一个步骤是显示所接收到的主资源内容和与所识别的子资源相关联的内容。为了显示，客户端使用各种绘制请求(块1214)。为了说明的目的，在处理和显示中采取的总时间戳被视为TS1。

另一方面，如果检测到附加的子资源(例如子资源5)的存在，则在处理剩余的接收到的内容的同时发送对子资源5的请求(块1206-5)。同时，所存储的训练信息也被更新(块1216)。此后，系统开始解析并创建DOM(块1218)并且发起渲染和布局处理(块1220)。处理的下一个步骤是显示所接收到的主资源内容和与所识别的子资源(即子资源1、子资源2、子资源3、子资源4)相关联的内容以及与子资源5相关的附加的子资源内容。为了显示，客户端使用各种绘制请求(块1222)。为了说明的目的，在处理和显示中采取的总时间戳被视为TS2。

从以上图11和图12的描述中，可以注意的是，当前提出的系统按照以下关系(即，TS1<＝TS2<＝TS0)增强了网页和用户体验的性能。这指示了如果训练信息(部分地或完全地)存在，则与训练信息根本不存在时相比，对用户请求作出响应以加载完整网页很可能花费更少的时间。

以下数据表例示了在使用和未使用作为实验的结果的实施示例性实施例训练数据的情况下的一些示例性网站的加载时间。

[表1]

从上表1中可以注意到，当实施示例性实施例时，实现了加载时间的显著增益。然而，可以严格地理解的是，以上发现已作为实验的结果被发现，而不应被解释为是对示例性实施例的限制。

图13是使用网络检查器加载因特网内容服务网站的定时图。在这种情况下的网页的加载时间被发现是14秒。

图14是根据示例性实施例的使用web检查器加载因特网内容服务网站的定时图。在这种情况下的网页的加载时间被发现是8秒。可以注意到，当实施示例性实施例时，实现了加载时间的显著增益(约43％)。

图15是例示了根据示例性实施例的表示硬件环境的计算机系统的硬件配置的图。示出了以计算机系统1500形式的系统300、700的硬件配置。计算机系统1500可包括一组指令，该一组指令可被执行以使得计算机系统1500执行所公开的方法中的任何一个或更多个。计算机系统1500可以作为独立装置来操作或者可以例如使用网络连接到其它计算机系统或外围装置。

在联网部署中，计算机系统1500可以以服务器的能力或者作为服务器-客户端用户网络环境中的客户端用户计算机或者作为对等(或分布式)网络环境中的对等计算机系统来操作。计算机系统1500也可实现为或者并入到各种装置中，诸如个人计算机(PC)、平板PC、个人数字助理(PDA)、移动装置、掌上型计算机、膝上型计算机、台式计算机、通信装置、无线电话、陆地线路电话、控制系统、相机、扫描仪、传真机、打印机、寻呼机、个人信任装置、web器具、网络路由器、交换机或桥接器或者能够执行一组指令(顺序的或另外的)的任何其它机器，该组指令指定了要由该机器采取的动作。此外，虽然例示了单个计算机系统1500，但是术语“系统”也应被视为包括单独地或联合地执行一组或多组指令以执行一个或多个计算机功能的系统或子系统的任何合集。

计算机系统1500可以包括被配置为处理指令1502-1的处理器1502，例如，中央处理器(CPU)、图形处理器(GPU)或两者。处理器1502可以是各种系统中的组件。例如，处理器可以是标准个人计算机或工作站的一部分。处理器1502可以是用于分析和处理的一个或更多个通用处理器、数字信号处理器、专用集成电路、现场可编程门阵列、服务器、网络、数字电路、模拟电路、其组合或其它现在已知的或以后开发的装置。处理器1502可以实现软件程序，诸如手动地生成(即，编程)的代码。

计算机系统1500可以包括可经由总线1508通信的存储器1504，诸如存储器1504。存储器1504可以是主存储器、静态存储器或动态存储器。存储器1504可以包括但不限于计算机可读存储介质，诸如各种类型的易失性和非易失性存储介质，其包括但不限于随机存取存储器、只读存储器、可编程只读存储器、电可编程只读存储器、电可擦除只读存储器、闪速存储器、磁带或磁盘、光学介质等。在一个示例中，存储器1504包括用于处理器1502的高速缓存或随机存取存储器。在替代示例中，存储器1504与处理器1502分离，诸如处理器的高速缓存存储器、系统存储器或其它存储器。存储器1504可以是用于存储数据的外部存储装置或数据库。示例包括硬盘驱动器、光盘(“CD”)、数字视频盘(“DVD”)、存储卡、记忆棒、软盘、通用串行总线(“USB”)存储装置或可操作来存储数据的任何其它装置。存储器1504可操作来存储由处理器1502可执行的指令1504-1。可以通过执行存储在存储器1504中的指令1504-1的编程处理器1502来执行图中例示的或所描述的功能、行为或任务。功能、行为或任务独立于指令集、存储介质、处理器或处理策略的类型，并且可以通过单独或组合地操作的软件、硬件、集成电路、固件、微码等来执行。同样地，处理策略可以包括多进程处理、多任务处理、并行处理等。

如图所示，计算机系统1500可以或者可以不进一步包括显示器1510，诸如液晶显示器(LCD)、有机发光二极管(OLED)、平板显示器、固态显示器、阴极射线管(CRT)、投影仪、打印机或者用于输出确定信息的其它现在已知的或以后开发的显示装置。显示器1510可以作为用户的接口以查看处理器1502的功能或者作为具有存储在存储器1504中或在磁盘或光学驱动器1516中的软件的接口。

另外，计算机系统1500可以包括被配置为允许用户与系统1500的组件中的任一个交互的用户输入接口1512。用户输入接口1512可以是数字键盘、键盘或光标控制装置(诸如鼠标或操纵杆)、触摸屏显示器、遥控器或可操作来与计算机系统1500交互的任何其它装置。

计算机系统1500也可以包括磁盘或光驱1516。磁盘或光学装置1516可以包括可嵌入一组或更多组指令1524(例如，软件)的计算机可读介质1522。此外，指令1524可以具体实现如所描述的方法或逻辑中的一种或更多种。在示例中，指令1524可以在由计算机系统1500执行期间完全地或至少部分地驻留在存储器1504内或在处理器1502内。存储器1504和处理器1502也可以包括如以上所讨论的计算机可读介质。

示例性实施例设想了计算机可读介质，该计算机可读介质包括指令1524或者响应于传播信号而接收并执行指令1524，使得连接到网络1526的装置可通过网络1526传送语音、视频、音频、图像或任何其它数据。此外，可以经由通信端口或接口1520或者使用总线1508来通过网络1526发送或接收指令1524。通信端口或接口1520可以是处理器1502的一部分或者可以是单独的组件。通信端口1520可以用软件加以创建或者可以是硬件中的物理连接。通信端口1520可以被配置为与网络1526、外部介质、显示器1510或系统1500中的任何其它组件或其组合连接。与网络1526的连接可以是物理连接，诸如有线以太网连接，或者可以像稍后所讨论的那样被以无线方式建立。同样地，与系统1500的其它组件的附加连接可以是物理连接或者可以无线地建立。网络1526可以可替代地直接地连接到总线1508。

网络1526可以包括有线网络、无线网络、以太网AVB网络或其组合。无线网络可以是蜂窝电话网络、802.11、802.16、802.20、802.1Q或WiMax网络。此外，网络1526可以是诸如因特网的公用网络、专用网(诸如内联网)或其组合，并且可以利用现在可用的或以后开发的各种联网协议，包括但不限于基于TCP/IP的联网协议。

在替代示例中，可将专用硬件实施方式(诸如专用集成电路、可编程逻辑阵列和其它硬件装置)构造为实现系统1500的各个部分。

另外，示例性实施例也可以通过介质(例如，计算机可读介质)上的计算机可读代码和/或指令来实现，以控制至少一个处理元件来实现任何上述实施例。介质可以对应于可以用作存储器和/或执行计算机可读代码的传输的任意个介质。

计算机可读代码可以以各种方式记录和/或转移在介质上，并且介质的示例包括记录介质，诸如磁存储介质(例如，ROM、软盘、硬盘等等)和光学记录介质(例如，光盘只读存储器(CD-ROM)或数字通用盘(DVD))以及诸如因特网传输介质的传输介质。因此，介质可以具有适合于存储或携带信号或信息的结构，诸如根据一个或更多个示例性实施例携带比特流的装置。介质也可以在分布式网络上，使得计算机可读代码在介质上被存储和/或传递并且以分布式方式被执行。此外，处理元件可以包括处理器或计算机处理器，并且处理元件可以被分布和/或被包括在单个装置中。

上述示例性实施例是示例性的，将不被解释为限制性的。可将本教导容易地应用于其它类型的设备。而且，示例性实施例的描述旨在说明，而不是限制权利要求的范围，并且许多替代方案、修改和变化对于本领域的技术人员而言将是显而易见的。

Claims (15)

1.一种显示网页的方法，所述方法包括：

经由web浏览器接收打开与主web统一资源定位符(URL)对应的网页的请求；

获取预先存储在本地位置处的被映射到所请求的网页的参数的子资源信息；

基于获取的子资源信息请求子资源内容；

接收所请求的子资源内容；以及

基于接收到的子资源内容和主资源内容在所述web浏览器上显示所述网页。

2.根据权利要求1所述的方法，还包括：

接收所述主资源内容；

在接收到的主资源内容中检测附加的子资源信息；以及

基于检测到的附加的子资源信息请求附加的子资源内容。

3.根据权利要求2所述的方法，还包括从接收到的主资源内容中提取所述附加的子资源信息。

4.根据权利要求2所述的方法，还包括：

接收所请求的附加的子资源内容；以及

基于接收到的主资源内容、接收到的子资源内容和接收到的附加的子资源内容，在所述web浏览器上显示所述网页。

5.根据权利要求1所述的方法，还包括：

请求所述主资源内容；以及

接收所请求的主资源内容，

其中：

请求所述主资源内容和请求所述子资源内容被同时地执行；或者

请求所述主资源内容在请求所述子资源内容之后被执行；或者

请求所述主资源内容在请求所述子资源内容之前被执行。

6.根据权利要求1所述的方法，其中，所述子资源信息的获取基于以下各项中的任何一个或任何组合：

所述子资源信息的优先级值；

加载信息的时间；

所述子资源信息的独立性的等级；以及

与所述子资源信息对应的子资源内容的类型。

7.根据权利要求6所述的方法，还包括将所述子资源信息存储在所述本地位置处。

8.根据权利要求1所述的方法，还包括：

在接收到打开所述网页的请求之前访问所述主web URL；以及

生成所述子资源信息并将其存储在所述本地位置处。

9.根据权利要求8所述的方法，其中，生成并存储所述子资源信息包括：

从服务器中获取与所述主web URL对应的所述主资源内容；

解析所获取的主资源内容以识别一个或更多个子资源；以及

基于所识别的一个或更多个子资源生成并存储模型数据。

10.根据权利要求1所述的方法，还包括：

接收所述主资源内容；

处理接收到的主资源内容以从接收到的主资源内容中提取子资源信息；

利用预先存储的子资源信息来分析所提取的子资源信息；以及

基于所述分析，更新所述预先存储的子资源信息，

其中，所述更新包括对所述预先存储的子资源信息的一部分作出的修改、插入或删除中的任何一种或任何组合。

11.根据权利要求1所述的方法，还包括基于以下各项中的任何一个或任何组合更新所述预先存储的子资源信息：

所述预先存储的子资源信息的优先级值；

加载信息的时间；以及

子资源的元数据。

12.根据权利要求1所述的方法，其中，所述子资源信息包括含有以下各项中的任何一种或任何组合的一个或更多个子资源的信息：

图像；

视频文件；

音频文件；

脚本；

样式表web字体；以及

要用于显示或渲染所述子资源或另一子资源的子资源。

13.根据权利要求1所述的方法，其中，打开所述网页的所述请求包括：

对URL的单独的请求；或者

被一起请求的一个或更多个URL的列表；或者

以批量模式被请求的一个或更多个URL的列表。

14.一种用于显示网页的电子装置，所述电子装置包括：

第一接收器，所述第一接收器被配置为经由web浏览器接收打开与主web统一资源定位符(URL)对应的所述网页的请求；

获取器，所述获取器被配置为：

获取预先存储在本地位置处的被映射到所请求的网页的参数的子资源信息；以及

基于所获取的子资源信息请求子资源内容；

第二接收器，所述第二接收器被配置为接收所请求的子资源内容；以及

显示器，所述显示器被配置为基于接收到的子资源内容和主资源内容在所述web浏览器上显示所述网页。

15.根据权利要求14所述的电子装置，其中，所述电子装置还被配置为根据权利要求2至13中的任一项中的方法来操作。