CN107526751A - 网页的加载方法、客户端、网页服务器及可编程设备 - Google Patents

Abstract

本发明公开了一种网页的加载方法、客户端、网页服务器及可编程设备。该网页的加载方法包括：响应于所接收的目标网页的加载请求，根据已获取的目标网页的首屏资源信息，从网页服务器加载目标网页的主文档以及首屏资源；将首屏资源加载至主文档中的对应位置。根据本发明，可以缩短网页的首屏资源加载时间。

Description

网页的加载方法、客户端、网页服务器及可编程设备

技术领域

本发明涉及互联网技术领域，更具体地，涉及一种网页的加载方法、客户端、网页服务器及可编程设备。

背景技术

通过互联网访问网页是互联网用户最基本的应用需求，随着互联网技术的发展，互联网用户对访问网页的速度要求也日益严苛。而网页加载速度是访问网页速度的重要指标。根据互联网用户可感知的网页内容加载情况，网页加载速度通过时间T0、T1、T2、T3评价。其中，T0为发起网页访问请求到网页标题呈现的时间，T1为发起网页访问请求到第一行网页内容呈现的时间，T2为发起网页访问请求到网页的首屏内容(第一屏网页内容)呈现的时间，T3为发起网页访问请求到网页的全部内容呈现的时间。由于时下网页内容一般较长，而用户用于访问网页的电子设备(例如手机、平板电脑等)的显示区域大小有限，因此一般会分多屏显示用户所访问的网页，首次显示网页的首屏内容，并提供滚屏按钮或滚动条供用户操作浏览网页剩余的内容。而根据互联网用户访问网页的习惯调查，访问网页的用户大多数只关注网页的首屏内容，只有极少的部分用户会操作滚屏按钮或滚动条到网页最后部分查看完整的网页。因此，T2作为发起网页访问请求到网页的首屏内容呈现的时间，作为网页加载速度的评价指标比T0、T1、T3更为重要。

在目前加载网页的方法通常为：客户端向网页服务器请求加载用户请求访问的目标网页；网页服务器将目标网页的主文档返回客户端；客户端解析目标网页的主文档，确定需向网页服务器加载的目标网页包含的资源；客户端向网页服务器加载目标网页包含的资源。但发明人发现，基于目前的加载网页的方法，需要加载目标网页的主文档并解析主文档后，才能加载的对应的网页包含的资源。那么，即使是只加载首屏内容进行显示，也需要在加载目标网页的主文档并解析主文档后，才能加载首屏内容包含的资源，使得T2的耗时较长。

因此，发明人认为，有必要对上述现有技术中存在的问题进行改进。

发明内容

本发明的一个目的是提供一种用于加载网页的新技术方案。

根据本发明的第一方面，提供了一种网页的加载方法，包括以下步骤：

响应于所接收的目标网页的加载请求，根据已获取的目标网页的首屏资源信息，从网页服务器加载所述目标网页的主文档以及首屏资源，所述首屏资源信息用于标识所述目标网页的首屏资源；

将所述首屏资源加载至所述主文档中的对应位置。

在一个实施例中，所述从网页服务器加载所述目标网页的主文档以及首屏资源的步骤，包括：

向所述网页服务器发送目标网页请求，并且根据本地存储的目标网页的首屏资源信息向所述服务器发送目标网页的首屏资源请求；

接收所述网页服务器返回的目标网页的主文档以及首屏资源。

可选地，所述目标网页请求中包含所述目标网页的首屏资源请求。

在另一个实施例中，所述从网页服务器加载所述目标网页的主文档以及首屏资源的步骤，包括：

向所述网页服务器发送目标网页请求，触发所述网页服务器在返回所述目标网页的主文档时，根据其本地存储的目标网页的首屏资源信息返回目标网页的首屏资源；

接收所述网页服务器返回的目标网页的主文档以及首屏资源。

可选地，所述方法还包括，在响应所接收的目标网页的加载请求之前，获取目标网页的首屏资源信息并存储。

可选地，所述首屏资源信息包括所述首屏资源的资源地址、资源类型以及所述首屏资源所对应的网页标识。

可选地，所述首屏资源信息包含在HTML标签或指定格式的文件中。

根据本发明的第二方面，提供了一种网页的生成方法，包括：

响应于网页生成请求，生成对应的网页；

根据预置条件定义所生成网页的首屏资源，生成该网页的首屏资源信息，所述首屏资源信息用于标识该网页的首屏资源。

可选地，所述方法还包括，将网页的首屏资源信息存储于网页服务器。

可选地，所述方法还包括，响应于网页的首屏资源信息请求或者根据网页的首屏资源信息返回规则，返回所述首屏资源信息。

可选地，所述首屏资源信息包括，所述首屏资源的资源地址、资源类型以及所述首屏资源所对应网页的网页标识。

可选地，所述首屏资源信息包含在HTML标签或指定格式的文件中。

根据本发明的第三方面，提供了一种用于加载网页的客户端，包括：

资源加载单元，用于响应于所接收的目标网页的加载请求，并根据已获取的目标网页的首屏资源信息，从网页服务器加载所述目标网页的主文档以及首屏资源，所述首屏资源信息用于标识所述目标网页的首屏资源；

首屏加载单元，用于将所述首屏资源加载至所述主文档中的对应位置。

可选地，所述资源加载单元包括：

用于向所述网页服务器发送目标网页请求，并且根据本地存储的目标网页的首屏资源信息向所述服务器请求加载所述目标网页的首屏资源的装置；

用于接收所述网页服务器返回的目标网页的主文档以及首屏资源的装置。

可选地，所述目标网页请求中包含对所述目标网页的首屏资源的请求。

可选地，所述资源加载单元包括：

用于向所述网页服务器发送目标网页请求，触发所述网页服务器在返回所述目标网页的主文档时，还根据其本地存储的目标网页的首屏资源信息返回目标网页的首屏资源的装置；

用于接收所述网页服务器返回的目标网页的主文档以及首屏资源的装置。

可选地，所述客户端还包括，用于在响应所接收的目标网页的加载请求之前，获取目标网页的首屏资源信息并存储的装置。

可选地，所述首屏资源信息包括所述首屏资源的资源地址、资源类型以及所述首屏资源所对应的网页标识。

可选地，所述首屏资源信息包含在HTML标签或指定格式的文件中。

根据本发明的第四方面，提供一种用于加载网页的网页服务器，包含用于响应所接收的目标网页请求以及目标网页的首屏资源请求，返回所述目标网页的主文档以及首屏资源的装置。

可选地，所述网页服务器还包括：

用于存储所述目标网页的首屏资源信息的装置；以及

用于根据存储的目标网页的首屏资源信息返回目标网页的首屏资源的装置。

根据本发明的第五方面，提供一种用于生成网页的设备，包括：

网页生成单元，用于响应于网页生成请求，生成对应的网页；

首屏资源信息生成单元，用于根据预置条件定义所生成网页的首屏资源，生成该网页的首屏资源信息，所述首屏资源信息用于标识该网页的首屏资源。

可选地，所述设备还包括：

用于将网页的首屏资源信息存储于网页服务器的装置。

可选地，所述设备还包括：

用于响应于网页的首屏资源信息请求或者根据网页的首屏资源信息返回规则，返回所述首屏资源信息的装置。

可选地，所述首屏资源信息包括，所述首屏资源的资源地址、资源类型以及所述首屏资源所对应网页的网页标识。

可选地，所述首屏资源信息包含在HTML标签或指定格式的文件中。

根据本发明的第六方面，提供一种网页服务器，包括本发明的第五方面提供的任意一项用于生成网页的设备。

根据本发明的第七方面，提供一种可编程设备，包括存储器和处理器，其中，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行根据本发明的第一方面提供的任意一项的网页的加载方法。

根据本发明的第八方面，提供一种可编程设备，包括存储器和处理器，其中，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行根据本发明的第二方面提供的任意一项的网页的生成方法。

本发明的发明人发现，在现有技术中，尚未存在一种网页加载的方法、客户端、网页服务器及可编程设备，可以使得在加载网页时不必在加载网页的主文档并解析该主文档后才开始加载网页的首屏资源。因此，本发明所要实现的技术任务或者所要解决的技术问题是本领域技术人员从未想到的或者没有预期到的，故本发明是一种新的技术方案。

通过以下参照附图对本发明的示例性实施例的详细描述，本发明的其它特征及其优点将会变得清楚。

附图说明

被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例，并且连同其说明一起用于解释本发明的原理。

图1是显示可用于实现本发明的实施例的实施环境的示意图。

图2示出了本发明的第一实施例中网页的加载方法的流程图。

图3示出了本发明的第一实施例中网页的加载设备的示意性框图。

图4示出了本发明的第二实施例中网页的生成方法的流程图。

图5示出了本发明的第二实施例中生成网页的设备的示意性框图。

具体实施方式

现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

<硬件配置>

图1是示出可以实现本发明的实施例的实施环境1000的示意图。

如图1所示，实施环境1000包括网页服务器1100、客户端1200以及网络1300。

网页服务器1100例如可以是刀片服务器等。在一个例子中，服务器1100可以是一台计算机。在在另一个例子中，服务器1100可以如图1所示，包括处理器1110、存储器1120、接口装置1130、通信装置1140、显示装置1150、输入装置1160。尽管服务器也可以包括扬声器、麦克风等等，但是，这些部件与本发明无关，故在此省略。其中，处理器1110例如可以是中央处理器CPU、微处理器MCU等。存储器1120例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1130例如包括USB接口、串行接口等。通信装置1140例如能够进行有线或无线通信。显示装置1150例如是液晶显示屏。输入装置1160例如可以包括触摸屏、键盘等。

客户端设备1200可以是便携式电脑(1200-1)、台式计算机(1200-2)、手机(1200-3)、平板电脑(1200-4)等。如图1所示，客户端1200可以包括处理器1210、存储器1220、接口装置1230、通信装置1240、显示装置1250、输入装置1260、扬声器1270、麦克风1280，等等。其中，处理器1210可以是中央处理器CPU、微处理器MCU等。存储器1220例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1230例如包括USB接口、耳机接口等。通信装置1240例如能够进行有线或无线通信。显示装置1250例如是液晶显示屏、触摸显示屏等。输入装置1260例如可以包括触摸屏、键盘等。用户可以通过扬声器1270和麦克风1280输入/输出语音信息。

通信网络1300可以是无线网络也可以网络，可以是局域网也可以是广域网。在图1所示的配置环境1000中，客户端1200-1、1200-2、1200-3、1200-4以及网页服务器1100可以通过通信网络1300进行通信。

图1所示的配置环境1100仅是解释性的，并且决不是为了要限制本发明、其应用或用途。应用于本发明的实施例中，网页服务器1100的所述存储器1120用于存储指令，所述指令用于控制所述处理器1110进行操作以执行本发明实施例提供的任意一项网页的加载方法或网页的生成方法。此外，客户端1200的所述存储器1220用于存储指令，所述指令用于控制所述处理器1210进行操作以执行本发明实施例提供的任意一项网页的加载方法。本领域技术人员应当理解，尽管在图1中对网页服务器1100以及客户端1200都示出了多个装置，但是，本发明可以仅涉及其中的部分装置，例如，网页服务器1100只涉及处理器1110和存储装置1120，或者客户端1200只涉及处理器1210和存储装置1220等。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。

<第一实施例>

本发明的第一实施例，提供一种网页加载方法，包括以下步骤：

步骤S2100，响应于所接收的目标网页的加载请求，根据已获取的目标网页的首屏资源信息，从网页服务器加载所述目标网页的主文档以及首屏资源，所述首屏资源信息用于标识所述目标网页的首屏资源。

一般来说，目标网页的加载请求中，包含请求加载的目标网页的网页标识(例如URL，Uniform Resource Locator，统一资源定位符)。网页服务器可以根据目标网页的网页标识获取目标网页的主文档并返回。目标网页的主文档是描述目标网页的主体框架的文档，例如，基于HTML技术的网页，主文档一般为HTML文档，符合HTML规范(具体见https://www.w3.org/html/)。而网页的主体框架可以是网页中包含的资源以及相应属性，例如资源存放的位置、显示区域的高度和宽度、排版信息等。通过解析网页的主文档，可以获知网页中包含的资源。目前的网页加载过程中，只有在加载网页的主文档并解析获知网页中包含的资源后，才能开始加载对应的网页中的资源。但在本实施例的网页加载方法的步骤S2100中，不必在加载目标网页的主文档并解析该主文档之后才能开始加载网页的资源(特别是网页的首屏资源)。

在本实施例中，网页的首屏资源可以是网页的首屏内容中包含的关键资源。例如，网页的首屏资源可以是首屏内容中加载耗时较大的资源，比如，根据对现有互联网网页的内容统计结果，网页中包含的图片在整个网页内容大小平均占比为60％，相应的，首屏内容中若包含图片，图片加载耗时相对较大，首屏资源可以定义为首屏内容中的图片，更具体地，可以将首屏资源定义为首屏内容中的第一张图片或最大的图片。或者网页的首屏资源可以是首屏内容中不能在加载网页的客户端缓存而必须从网页服务器获取的资源，例如某些css(Cascading Style Sheets，层叠样式表)资源或js(JavaScript，脚本文件)资源。此外，本实施例中，首屏资源可以是单个资源，也可以是多个资源，还可以是资源类型相同的多个资源，或者是资源类型不同的多个资源。本实施例中不限制首屏资源具体包含的资源数目或者资源类型，可以根据具体应用场景或者其他自定义的需求确定首屏资源具体包含的资源数目及资源类型。

而网页的首屏内容，通常是根据用户用于加载网页的客户端设备(例如手机、平板电脑)或者用户用于加载网页的客户端应用程序(例如浏览器)的可视区域，对网页的全部内容进行划分后得到的在可视区域内首次显示的网页内容。一般来说，网页的首屏内容，可以在加载网页的过程中由网页服务器根据网页请求中携带的可视区域的参数划分，也可以生成网页的网页服务器在生成网页的过程中根据预估的可视区域的参数划分。还可以根据应用场景的需求划分。例如，在必须加载整个网页后才显示网页的应用场景中或者在所述可视区域可以显示全部网页的应用场景中，网页的首屏内容可以为网页的全部内容。

在本实施例中，并不限制目标网页的首屏内容的划分方法。相应地，也并不限制目标网页的首屏资源的定义方法。只要在响应所接收的目标网页的加载请求之前，已经获得目标网页的首屏资源的属性信息即可。通过已获得目标网页的首屏资源信息，在响应目标网页的加载请求时，可以从网页服务器加载目标网页的主文档以及首屏资源，不必在加载目标网页的主文档并解析该主文档后再开始加载网页的首屏资源，缩短加载目标网页的首屏资源的时间。也就缩短T2(发起网页访问请求到网页的首屏内容呈现的时间)的耗时。提高网页加载性能。而在一些例子中，目标网页的首屏资源是已经缓存在用于加载目标网页的设备的本地的资源(例如某些css资源或js资源)，那么在加载目标网页时，不仅不必在加载网页的主文档以及解析该主文档后再加载首屏资源，还可以不必从网页服务器加载首屏资源，进一步缩短T2的耗时。

在一个例子中，本实施例中提供的网页加载方法还包括，在响应所接收的目标网页的加载请求之前，获取目标网页的首屏资源信息并存储。例如，可以是网页服务器在生成网页并定义生该网页的首屏资源后，生成对应的首屏资源信息并存储在网页服务器本地。又例如，网页服务器在生成网页并定义该网页的首屏资源后，生成对应的首屏资源信息后，发送至用于实施本实施例的网页加载方法的设备(例如客户端)，由该设备存储在设备本地。又例如，由用于实施本实施例的网页加载方法的设备，根据预置的周期请求(例如，在自动订阅头条新闻网页的需求下产生的周期请求网页首屏资源)或者响应于外部操作，向生成网页的首屏资源信息的网页服务器请求最新生成的网页首屏资源信息后存储于设备本地。

而在本实施例中，目标网页的首屏资源的属性信息，用于标识目标网页的首屏资源。在一个例子中，网页的首屏资源信息可以是首屏资源的资源地址、资源类型以及所述首屏资源所对应的网页标识。其中，首屏资源的资源类型可以是CSS、JS或者图片。资源地址为具体的首屏资源存储的地址。首屏资源所对应的网页标识，是首屏资源所属的首屏内容所在的网页的标识，例如，可以是该网页的URL。

在本实施例中，目标网页的首屏资源信息可以存储在实施网页加载方法的设备(例如客户端)存储在设备本地，也可以由网页服务器存储在服务器本地。首屏资源信息的存储形式可以是多样的。在一个例子中，首屏资源信息可以包含在指定格式的文件中。文件的指定格式可以文本格式(比如，txt,xml,html,等等)，也可以是数据库格式(比如，sqlite，nosql)，还可以是自定义的格式。在另一个例子中，目标网页是HTML网页，页面中会包含多个HTML标签，目标网页的首屏资源信息可以包含在HTML标签中，例如，在某个HTML目标网页的HTML标签链接中包含首屏资源信息first-screen-data(首屏资源为一张jpg格式的图片)：

<a

href＝”http://example.com/index.html”first-screen-data＝”http://image.example.com/1.jpg”>。

在这个HTML标签链接中包含首屏资源信息first-screen-data的例子中，若首屏资源包含多个资源，则first-screen-data中包含对应多个资源的信息列表，每个资源的信息类似上述例子中jpg格式的图片的信息，以此类推，在此不再赘述。

在另一个例子中，目标网页的首屏资源信息已经预先存储在实施网页加载方法的设备(例如客户端)本地。在响应于目标网页的加载请求时，可以在向所述网页发送目标网页请求加载目标网页的主文档时，根据本地存储的首屏资源信息向所述服务器发送目标网页的首屏资源请求。实现不必等待加载目标网页的主文档并解析后才能加载目标网页的首屏资源，缩短加载目标网页的首屏资源的时间。也就是缩短T2的耗时。提高网页加载性能。因此，在步骤S2100中，从网页服务器加载所述目标网页的主文档以及首屏资源的步骤，包括：

向所述网页服务器发送目标网页请求，并且根据本地存储的目标网页的首屏资源信息向所述服务器发送目标网页的首屏资源请求；

接收所述网页服务器返回的目标网页的主文档以及首屏资源。

在上述例子中，还可以在所述目标网页请求中包含目标网页的首屏资源请求。以一条请求触发网页服务器返回目标网页的主文档以及首屏资源，减少请求消息的传输。进一步缩短加载目标网页的首屏资源的时间。缩短T2的耗时。提高网页加载性能。

在另一个例子中，目标网页的首屏资源信息已经预先存储在网页服务器本地。可以通过向网页服务器发送目标网页请求，触发网页服务器在返回目标网页的主文档时，根据其本地存储的目标网页的首屏资源信息返回目标网页的首屏资源。实现不必等待加载目标网页的主文档并解析后才能加载目标网页的首屏资源，缩短加载目标网页的首屏资源的时间。也就缩短T2的耗时。提高网页加载性能。因此，在步骤S2100中，从网页服务器加载所述目标网页的主文档以及首屏资源的步骤，包括：

向所述网页服务器发送目标网页请求，触发所述网页服务器在返回所述目标网页的主文档时，根据其本地存储的目标网页的首屏资源信息返回目标网页的首屏资源；

接收所述网页服务器返回的目标网页的主文档以及首屏资源。

根据上述的提供的任意一个例子实施步骤S2100之后，进入步骤S2200，将所述首屏资源加载至所述主文档中的对应位置。

通过上述本实施例中提供的任意一项网页加载方法，在从网页服务器加载目标网页的主文档时也加载目标网页的首屏资源，不必在网页服务器返回需加载的目标网页的主文档后解析主文档完成才能开始加载目标网页的资源，缩短了加载首屏资源的时间。相应地，缩短了T2的耗时。提升了网页加载的性能。此外，在某些场景下，网页的首屏内容是网页的全部内容，对应的首屏资源是网页的全部内容中包含的关键资源，则通过本实施例中提供的任意一项网页加载方法，不仅可以缩短T2的耗时，还同时缩短了T3(发起网页访问请求到网页的全部内容呈现的时间)的耗时。

在本实施例中，还提供一种用于加载网页的客户端3000，如图3所示，包括资源加载单元3100以及首屏加载单元3200，用于实施本实施例中提供的任意一种网页加载方法，在此不再赘述。

一种用于加载网页的客户端3000，包括：

资源加载单元3100，用于响应于所接收的目标网页的加载请求，并根据已获取的目标网页的首屏资源信息，从网页服务器加载所述目标网页的主文档以及首屏资源，所述首屏资源信息用于标识所述目标网页的首屏资源；

首屏加载单元3200，用于将所述首屏资源加载至所述主文档中的对应位置。

在一个例子中，所述资源加载单元3100包括：

用于向所述网页服务器发送目标网页请求，并且根据本地存储的目标网页的首屏资源信息向所述服务器请求加载所述目标网页的首屏资源的装置；

用于接收所述网页服务器返回的目标网页的主文档以及首屏资源的装置。

可选地，所述目标网页请求中包含对所述目标网页的首屏资源的请求。

在另一个例子中，所述资源加载单元3100包括：

用于向所述网页服务器发送目标网页请求，触发所述网页服务器在返回所述目标网页的主文档时，还根据其本地存储的目标网页的首屏资源信息返回目标网页的首屏资源的装置；

用于接收所述网页服务器返回的目标网页的主文档以及首屏资源的装置。

在又一个例子中，所述客户端3000还包括：

用于在响应所接收的目标网页的加载请求之前，获取目标网页的首屏资源信息并存储的装置。

在一个例子中，所述首屏资源信息包括所述首屏资源的资源地址、资源类型以及所述首屏资源所对应的网页标识。

在再一个例子中，所述首屏资源信息包含在HTML标签或指定格式的文件中。

在本实施例中，还提供一种用于加载网页的网页服务器，用于实施本实施例中提供的任意一种网页加载方法，在此不再赘述。该网页服务器包含用于响应所接收的目标网页请求以及目标网页的首屏资源请求，返回所述目标网页的主文档以及首屏资源的装置。

在一个例子中，该网页服务器还包括：

用于存储所述目标网页的首屏资源信息的装置；以及

用于根据存储的目标网页的首屏资源信息返回目标网页的首屏资源的装置。

在本实施例中，用于加载网页的客户端3000，具体的实施形式多种多样，可以是浏览器，或者是可以用于加载网页的程序，例如手机上可以订阅头条的应用。只要可以用于实施本实施例提供的任意一种网页加载方法，都属于本实施例的客户端3000的实施形式。

在本实施例中，还提供一种可编程设备，包括存储器和处理器，其中，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行本实施例中提供的任意一项的网页的加载方法。

以上已经结合附图描述了本发明的第一实施例，根据本实施例，提供一种网页加载方法、客户端、网页服务器以及可编程设备，根据在加载目标网页之前已获取的目标网页的首屏资源信息，可以在加载目标网页时，从网页服务器加载目标网页的主文档以及首屏资源，不必在加载目标网页的主文档并解析该主文档后再开始加载网页的首屏资源，可以缩短加载目标网页的首屏资源的时间。相应地，缩短T2的耗时。提高网页加载性能。

<第二实施例>

根据本发明的第二实施例，提供一种网页的生成方法，如图4所示，包括：

步骤S4100，响应于网页生成请求，生成对应的网页；

步骤S4200，根据预置条件定义所生成网页的首屏资源，生成该网页的首屏资源信息，所述首屏资源信息用于标识该网页的首屏资源。

在本实施例中，在生成网页的过程中，根据预置条件定义所生成网页的首屏资源。定义网页首屏资源的预置条件可以根据网页的应用场景、访问网页的目标用户的需求、开发网页的研发人员的设计需求等等决定。

例如，在某些应用场景中，网页的首屏资源是网页的首屏内容中包含的关键资源。更具体地，预置条件可以将网页的首屏资源定义为首屏内容中加载耗时较大的资源。比如，根据现有互联网网页的内容统计结果，网页中包含的图片在整个网页内容大小平均占比为60％，相应的，首屏内容中若包含图片，图片加载耗时相对较大，那么预置条件中将首屏资源可以定义为首屏内容中的图片。一个具体的例子中，预置条件还可以是，网页的首屏资源为该网页首屏内容中的第一张图片或者最大的图片。或者，预置条件是，网页的首屏资源是首屏内容中不能在加载网页的客户端缓存而必须从网页服务器获取的资源，例如某些css(Cascading Style Sheets，层叠样式表)资源或js(JavaScript，脚本文件)资源。此外，本实施例中，首屏资源可以是单个资源，也可以是多个资源，还可以是资源类型相同的多个资源，或者是资源类型不同的多个资源。本实施例中不限制首屏资源具体包含的资源数目或者资源类型，可以根据具体应用场景或者其他自定义的需求确定首屏资源具体包含的资源数目及资源类型。

在上述举例的一些定义网页首屏资源的预置条件中，涉及网页的首屏内容。而网页的首屏内容，通常是根据用户用于加载网页的客户端设备(例如手机、平板电脑)或者用户用于加载网页的客户端应用程序(例如浏览器)的可视区域，对网页的全部内容进行划分后得到的在可视区域内首次显示的网页内容。网页的首屏内容，可以由生成网页的设备在生成网页的过程中根据预估的可视区域的参数划分。也可以由生成网页的设备根据预先获取可视区域的参数划分。还可以根据应用场景的需求划分。例如，在必须加载整个网页后才显示网页的应用场景中或者在所述可视区域可以显示全部网页的应用场景中，网页的首屏内容可以为网页的全部内容。在本实施例中，并不限制目标网页的首屏内容的划分规则。只要在实施本实施例提供的网页生成方法时，根据需涉及网页的首屏内容的预置条件定义网页的首屏资源之前，已确定网页的首屏内容即可。

在本实施例中，目标网页的首屏资源的属性信息，用于标识目标网页的首屏资源。在一个例子中，网页的首屏资源信息可以是首屏资源的资源地址、资源类型以及所述首屏资源所对应的网页标识。其中，首屏资源的资源类型可以是CSS、JS或者图片。资源地址为具体的首屏资源存储的地址。首屏资源所对应的网页标识，是首屏资源所属的首屏内容所在的网页的标识，例如，可以是该网页的URL。

在一个例子中，生成网页的方法还包括，将网页的首屏资源信息存储于网页服务器。该网页服务器可以是用于生成网页的网页服务器，也可以是用于响应网页加载请求的网页服务器。在某些场景中，用于生成网页的网页服务器和用于响应网页加载请求的网页服务器，在实体上为同一个服务器。首屏资源信息的存储形式可以是多样的。在一个例子中，首屏资源信息可以包含在指定格式的文件中。文件的指定格式可以文本格式(比如，txt,xml,html,等等)，也可以是数据库格式(比如，sqlite，nosql)，还可以是自定义的格式。在另一个例子中，目标网页是HTML网页，页面中会包含多个HTML标签，目标网页的首屏资源信息可以包含在HTML标签中，例如，在某个HTML目标网页的HTML标签链接中包含首屏资源信息first-screen-data(首屏资源为一张jpg格式的图片)：

<a

href＝”http://example.com/index.html”first-screen-data＝”http://image.example.com/1.jpg”>。

在这个HTML标签链接中包含首屏资源信息first-screen-data的例子中，若首屏资源包含多个资源，则first-screen-data中包含对应多个资源的信息列表，每个资源的信息类似上述例子中jpg格式的图片的信息，以此类推，在此不再赘述。

在另一个例子中，本实施例中的网页生成方法还包括，响应于网页的首屏资源信息请求或者根据网页的首屏资源信息返回规则，返回所述首屏资源信息。例如，实施本发明第一实施例的网页加载方法，在加载目标网页前必须已获取目标网页的首屏资源信息，那么，可以通过用于加载网页的客户端发送目标网页的首屏资源信息请求，实施本例中网页生成方法的设备，可以响应于首屏资源信息请求返回所述首屏资源。又例如，生成的网页是被用户订阅访问的网页(例如订阅每日头条新闻的应用场景)，那么在生成的网页后，可以将对应生成的网页的首屏资源直接返回至用于访问订阅网页的设备，对应的，网页的首屏资源信息返回规则是生成网页的首屏资源后直接返回。又或者，可以根据预置的周期，每次最近周期内生成或者更新生成的网页的首屏资源信息返回至用于访问订阅网页的设备，对应的，网页的首屏资源信息返回规则是根据预置的周期，将最近周期内生成或者更新生成的网页的首屏资源信息返回。也可以根据应用场景的实际需求设置网页的首屏资源信息返回规则。在此不一一列举。

通过本实施例中提供的任意一项网页的生成方法，可以在生成网页时生成网页的首屏资源信息，使得在加载网页时可以直接根据网页的首屏资源信息加载网页的首屏资源，可以不必从网页服务器加载网页的主文档并解析该主文档后才能加载网页的首屏资源，缩短加载目标网页的首屏资源的时间。相应地，缩短T2的耗时。提高网页加载性能。此外，在某些场景下，网页的首屏内容是网页的全部内容，对应的网页的首屏资源是网页的全部内容包含的关键资源，那么通过本实施例中提供的任意一项网页的生成方法在生成网页时生成网页的首屏资源信息，不仅可以使得加载网页时缩短T2的耗时，还同时缩短了T3(发起网页访问请求到网页的全部内容呈现的时间)的耗时。

在本实施例中，还提供一种用于生成网页的设备5000，如图5所示，包括网页生成单元5100以及首屏资源信息生成单元5200，用于实施本实施例中提供的任意一项的网页的生成方法，在此不再赘述。

一种用于生成网页的设备5000，包括：

网页生成单元5100，用于响应于网页生成请求，生成对应的网页；

首屏资源信息生成单元5200，用于根据预置条件定义所生成网页的首屏资源，生成该网页的首屏资源信息，所述首屏资源信息用于标识该网页的首屏资源。

在一个例子中，所述预置条件是网页的首屏资源是该网页首屏内容中的第一张图片。

在另一个例子中，本实施例中设备5000还包括，用于将网页的首屏资源信息存储于网页服务器的装置。

在再一个例子中，，本实施例中的设备5000还包括，用于响应于网页的首屏资源信息请求或者根据网页的首屏资源信息返回规则，返回所述首屏资源信息的装置。

在又一个例子中，所述首屏资源信息包括，所述首屏资源的资源地址、资源类型以及所述首屏资源所对应网页的网页标识。

在再一个例子中，所述首屏资源信息包含在HTML标签或指定格式的文件中。

在本实施例中，还提供一种网页服务器，包含本实施例中提供任意一项用于生成网页的设备5000。

在本实施例中，又提供一种可编程设备，包括存储器和处理器，其中，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行的任意一项的网页的生成方法。

以上已经结合附图描述了本发明的第二实施例，根据本实施例，提供一种网页生成方法、设备、网页服务器以及可编程设备，可以在生成网页时生成网页的首屏资源信息，使得在加载网页时可以直接根据网页的首屏资源信息加载网页的首屏资源，可以不必从网页服务器加载网页的主文档并解析该主文档后才能加载网页的首屏资源，缩短加载目标网页的首屏资源的时间。相应地，缩短T2的耗时。提高网页加载性能。

本领域技术人员应当明白，可以通过各种方式来实现客户端3000和设备5000。例如，可以通过指令配置处理器来实现客户端3000和网页的设备5000。例如，可以将指令存储在ROM中，并且当启动设备时，将指令从ROM读取到可编程器件中来实现客户端3000和网页的设备5000。例如，可以将客户端3000和网页的设备5000固化到专用器件(例如ASIC)中。可以将客户端3000和网页的设备5000分成相互独立的单元，或者可以将它们合并在一起实现。客户端3000和网页的设备5000可以通过上述各种实现方式中的一种来实现，或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。

本领域技术人员公知的是，随着诸如大规模集成电路技术的电子信息技术的发展和软件硬件化的趋势，要明确划分计算机系统软、硬件界限已经显得比较困难了。因为，任何操作可以软件来实现，也可以由硬件来实现。任何指令的执行可以由硬件完成，同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案，取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。因此，对于电子信息技术领域的普通技术人员来说，更为直接和清楚地描述一个技术方案的方式是描述该方案中的各个操作。在知道所要执行的操作的情况下，本领域技术人员可以基于对所述非技术性因素的考虑直接设计出期望的产品。

本发明可以是系统、方法和/或计算机程序产品。例如本发明涉及的客户端3000、网页服务器以及设备5000可以是计算机产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。

用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本发明的各个方面。

这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。

Claims (10)

1.一种网页加载方法，其特征在于，包括以下步骤：

响应于所接收的目标网页的加载请求，根据已获取的目标网页的首屏资源信息，从网页服务器加载所述目标网页的主文档以及首屏资源，所述首屏资源信息用于标识所述目标网页的首屏资源；

将所述首屏资源加载至所述主文档中的对应位置。

2.根据权利要求1所述的方法，其特征在于，所述从网页服务器加载所述目标网页的主文档以及首屏资源的步骤，包括：

向所述网页服务器发送目标网页请求，并且根据本地存储的目标网页的首屏资源信息向所述服务器发送目标网页的首屏资源请求；

接收所述网页服务器返回的目标网页的主文档以及首屏资源。

3.一种网页的生成方法，其特征在于，包括：

响应于网页生成请求，生成对应的网页；

根据预置条件定义所生成网页的首屏资源，生成该网页的首屏资源信息，所述首屏资源信息用于标识该网页的首屏资源。

4.一种用于加载网页的客户端，其特征在于，包括：

资源加载单元，用于响应于所接收的目标网页的加载请求，并根据已获取的目标网页的首屏资源信息，从网页服务器加载所述目标网页的主文档以及首屏资源，所述首屏资源信息用于标识所述目标网页的首屏资源；

首屏加载单元，用于将所述首屏资源加载至所述主文档中的对应位置。

5.根据权利要求4所述的客户端，其特征在于，所述资源加载单元包括：

用于向所述网页服务器发送目标网页请求，并且根据本地存储的目标网页的首屏资源信息向所述服务器请求加载所述目标网页的首屏资源的装置；

用于接收所述网页服务器返回的目标网页的主文档以及首屏资源的装置。

6.一种用于加载网页的网页服务器，其特征在于，包含用于响应所接收的目标网页请求以及目标网页的首屏资源请求，返回所述目标网页的主文档以及首屏资源的装置。

7.一种用于生成网页的设备，其特征在于，包括：

网页生成单元，用于响应于网页生成请求，生成对应的网页；

首屏资源信息生成单元，用于根据预置条件定义所生成网页的首屏资源，生成该网页的首屏资源信息，所述首屏资源信息用于标识该网页的首屏资源。

8.一种网页服务器，其特征在于，包括权利要求7所述的用于生成网页的设备。

9.一种可编程设备，其特征在于，包括存储器和处理器，其中，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行根据权利要求1-2所述的任意一项的网页的加载方法。

10.一种可编程设备，其特征在于，包括存储器和处理器，其中，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行根据权利要求3所述的任意一项的网页的生成方法。