CN108549673A - 网页资源的预加载方法、客户端、服务器及网络系统 - Google Patents

Abstract

本发明公开了一种网页资源的预加载方法、客户端、服务器及网络系统。该方法包括：从服务器获取网页资源的预加载配置信息；根据预加载配置信息的指示，当时间到达开始时刻时，根据资源加载路径加载对应的网页资源并保存在本地；当接收到目标网页的访问请求时，拦截与访问请求对应的网页资源加载请求，从本地已保存的网页资源中查询获取与目标网页对应的目标网页资源，以展示目标网页。根据本发明，可以缩短首次展示的网页的加载时间，提高首次展示的网页的展示效率。尤其适用富媒体网页的首次展示。

Description

网页资源的预加载方法、客户端、服务器及网络系统

技术领域

本发明涉及计算机技术领域，更具体地，涉及一种网页资源的预加载方法、客户端、服务器及网络系统。

背景技术

随着设备性能的日益发展，如今的网页内容与互联网刚出现之时相比已是翻天覆地的变化。其中一个最大的特点是，网页越来越复杂，媒体资源的大量应用除了带来更绚丽的表现外，也使得一个完整网页的数据大小单位从KB级别往MB级别迈进。以现有的主流网络速度来看，从远程服务器下载以MB计算的网页资源最少也需要1秒以上，再加上浏览器的脚本计算、内容排版渲染等时间消耗，这样的富媒体网页往往需要数秒后才能完整展现出来。

但另一方面，用户对于富媒体页面表现出极大的兴趣，而内容运营商 (或App运营商)也为之开发出各种顺应时节的网页。例如，在某个热门电影大热的时候，内容运营商会通过浏览器等应用程序，在首页提供了该电影的专题入口，用户点击进入专题页面后能看到精美的大幅海报、电影预告片、音乐背景、甚至是主创人员的卡通动画表情等；又例如，在某个购物活动节时，在用户点开对应的购物应用时，在应用界面立刻展现一个网页，内容是一个巨大的3D商场城堡，以绚丽的摄像机视角效果介绍商场里面的各个品类和分卖场等。以上的网页往往是运营商花了巨大的成本制作且用户对其期望较高，供需双方都期待该网页能够尽快展现而不是经过漫长的数秒等待后才出来，在移动互联网的环境下，数秒后才能展现的网页面临网络不确定风险巨大，有可能导致网页资源缺失展现残缺状态。

为了增强用户的浏览体验，浏览器技术也经过了快速的发展。其中为了加快网页加载涌现了不少通用的预加载技术，例如根据用户的历史行为预测下一个点击页面，或者是根据小说网页内容特定结构预读下一页等等。但对于上述描述的场景，由于该网页的不可预见性以及第一次展现时的性能要求，暂时还没有合适的预加载技术。

发明内容

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

根据本发明的第一方面，提供了一种网页资源的预加载方法，其中，通过客户端实施，包括：

从服务器获取网页资源的预加载配置信息，

其中，所述预加载配置信息包括对至少一份网页资源执行预加载的开始时刻以及对应的资源加载路径；

当时间到达所述开始时刻时，根据所述资源加载路径加载对应的网页资源并保存在本地；

当接收到目标网页的访问请求时，拦截与所述访问请求对应的网页资源加载请求，从本地已保存的网页资源中查询获取与所述目标网页对应的目标网页资源，以展示所述目标网页。

可选地，

所述预加载配置信息还包括对执行预加载的网络条件，所述网络条件至少包括执行预加载的网络类型；

所述方法还包括：

当时间到达所述开始时刻，检测当前的网络状态符合所述网络条件时，才触发执行所述加载网页资源的步骤；

和/或，

所述预加载配置信息还包括对网页资源执行预加载的重试参数，所述重试参数至少包括执行预加载的重试次数、重试时长、重试周期其中至少之一；

所述根据所述资源加载路径加载对应的网页资源还包括：

当加载对应的网页资源失败时，根据所述重试参数重新加载对应的网页资源。

可选地，

所述预加载配置信息还包括对网页资源执行预加载的结束时刻；

所述方法还包括：

当时间到达所述结束时刻时，结束对所述网页资源执行预加载。

和/或，

所述预加载配置信息还包括所述预加载的网页资源的资源过期时刻；

所述方法还包括：

当时间到达所述资源过期时刻时，删除本地已保存的对应的网页资源。

可选地，

所述预加载配置信息中还包括唯一信息标识，所述唯一信息标识用于唯一标识所述预加载配置信息；

所述从服务器获取网页资源的预加载配置信息的步骤包括：

当本地已保存的预加载配置信息与从服务器获取的预加载配置信息具有相同的所述唯一信息标识时，以服务器获取的预加载配置信息更新本地已保存的预加载配置信息；

和/或，

所述预加载配置信息中还包括对应的网页资源的资源类型。

可选地，

所述保存网页资源的步骤包括：

根据所述网页资源的资源加载路径，生成对应的唯一资源标识，以标识所述网页资源进行保存；

所述从已保存的网页资源中查询获取与所述目标网页对应的目标网页资源的步骤包括：

从所述网页资源请求中获取所述目标网页资源的资源加载路径，生成对应的目标资源标识；

在所述已保存的网页资源中，查询获取所述唯一资源标识与所述目标资源标识相同的网页资源，作为目标网页资源。

可选地，

所述保存网页的步骤还包括：

根据所述网页资源的资源加载路径，生成对应的唯一路径标识，将所述网页资源保存在与所述唯一路径标识对应的文件目录下；

所述从已保存的网页资源中查询获取与所述目标网页对应的目标网页资源的步骤还包括：

根据所述目标网页资源的资源加载路径，生成对应的目标网页资源的目标路径标识；

在与所述目标路径标识相同的所述唯一路径标识对应的文件目录下，查询获取所述目标网页资源。

可选地，所述方法还包括：

当从本地已保存的网页资源中未能查询获取所述目标网页资源时，根据从所述网页资源请求中获取所述目标网页资源的资源加载路径，从网络加载对应的目标网页资源。

根据本发明的第二方面，提供一种网页资源的预加载方法，其中，通过服务器实施，包括：

获取目标网页；

获取与所述目标网页对应的网页资源的资源加载路径；

根据所接收的预加载配置请求以及所述资源加载路径，生成对应的预加载配置信息并保存，以供客户端获取后对与所述目标网页对应的网页资源执行预加载，

其中，所述预加载配置信息包括对与所述目标网页对应的至少一份网页资源执行预加载的开始时刻以及对应的资源加载路径。

可选地，

所述预加载配置信息还至少包括执行预加载的网络条件、对网页资源执行预加载的重试参数、对网页资源执行预加载的结束时刻、所述预加载的网页资源的资源过期时刻、唯一信息标识、对应的网页资源的资源类型中的至少之一；

其中，所述网络条件至少包括执行预加载的网络类型；

所述重试参数至少包括执行预加载的重试次数、重试时长、重试周期其中至少之一；

所述唯一信息标识用于唯一标识所述预加载配置信息。

根据本发明的第三方面，提供一种客户端，用于执行网页资源的预加载，其中，包括：

存储器，用于存储可执行的指令；

处理器，用于根据所述可执行的指令的控制，运行所述客户端执行如本发明的第一方面所述的任何一项网页资源的预加载方法。

根据本发明的第四方面，提供一种服务器，用于执行网页资源的预加载，其中，包括：

存储器，用于存储可执行的指令；

处理器，用于根据所述可执行的指令的控制，运行所述服务器执行如本发明的第二方面所述的任何一项网页资源的预加载方法。

根据本发明的第五方面，提供一种网络系统，用于执行网页资源的预加载，其中，包括：

如本发明的第三方面提供的客户端；

以及如本发明的第四方面提供的服务器。

根据本公开的一个实施例，通过获取预加载配置信息，在预加载配置信息指示的执行预加载的开始时刻，根据预加载配置信息指示的资源加载路径，加载对应的网页资源并保存，在用户访问与加载的网页资源对应的网页时，直接获取本地的网页资源，展示对应的网页。缩短网页展示所需时间，提高网页展示效率。特别是针对首次展示的网页，利用预加载的网页资源进行网页展示，满足用户对网页的首次展示的性能需求，提升用户的网页访问体验。尤其适用于对于包含网页资源较多的富媒体网页的首次展示。

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

附图说明

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

图1是显示可用于实现本发明的实施例的网络系统的硬件配置的例子的框图。

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

图3示出了本发明的第一实施例的客户端的框图。

图4示出了本发明的第二实施例的网页资源的预加载方法的流程图。

图5示出了本发明的第二实施例的服务器的框图。

图6示出了本发明的第三实施例的网络系统的框图。

图7是本发明的第三实施例的网络系统实施网页资源的预加载方法的例子的示意图。

具体实施方式

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

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

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

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

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

<硬件配置>

如图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等。

在上述描述中，技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。

<第一实施例>

在本实施例中，提供一种网页资源的预加载方法，通过客户端实施。

该客户端是任意可以具有网络访问、资源加载的电子设备，例如，可以是手机、平板电脑、掌上电脑、笔记本电脑、台式机等。在一个例子中，该客户端可以是如图1所示的客户端1200，或者，该客户端还可以是安装有提供网络访问服务的应用程序(APP)的手机等电子设备等。

该网页资源的预加载方法，如图2所示，包括：步骤S2100-S2300。

步骤S2100，从服务器获取网页资源的预加载配置信息。

该服务器是提供数据管理服务的设备，例如可以是刀片服务器、云端服务器等，在一个例子中，该服务器可以是如图1所示的服务器1100。

该网页资源的预加载配置信息，是用于对网页资源执行预加载的相关配置信息。该网页资源的预加载配置信息，包括对至少一份网页资源执行预加载的开始时刻以及对应的资源加载路径。

网页资源是对应的网页中包含的网络资源，包括例如图片、视频、音频、动画、HTML(超文本标记语言)文本、css(Cascading Style Sheets，层叠样式表)、js(JavaScript，直译式脚本)等资源类型。在一个例子中，预加载配置信息还可以包括对应需执行预加载的网页资源的资源类型。

该网页资源通常保存在网络中，对应的，该网页资源的资源加载路径是对应的网页资源在网络中保存的网络路径。

在一个例子中，预加载配置信息中还包括唯一信息标识。

唯一信息标识用于唯一标识对应的预加载配置信息。例如，该预加载配置信息可以根据其对应的网页内容取名，例如，预加载配置信息是针对活动“Activity_1”展示的活动网页的执行预加载的配置信息，可以将唯一信息标识设置为“Activity_1”。

在本例中，从服务器获取网页资源的预加载配置信息的步骤包括：

当本地已保存的预加载配置信息与从服务器获取的预加载配置信息具有相同的唯一信息标识时，以服务器获取的预加载配置信息更新本地已保存的预加载配置信息。

通过唯一信息标识可以区分对应的预加载配置信息，以此可以实现针对同一网页的网页资源的预加载配置信息的更新，以及同时支持对多个不同网页的网页资源进行预加载配置，提升预加载执行效率。

步骤S2200，当时间到达该开始时刻时，根据该资源加载路径加载对应的网页资源并保存在本地。

客户端在预加载配置信息指示的执行预加载的开始时刻，在预加载配置信息指示的资源加载路径，加载对应的网页资源并保存，使得后续在用户首次访问与加载的网页资源对应的网页时，客户端就可以直接获取本地的网页资源，展示对应的网页，实现针对特定网页的首次展示的预加载，提升网页首次展示时的速度，满足用户对特定网页的首次展示的性能要求，提升用户网页访问体验。

在本实施例中，预加载配置信息还可以包括对执行预加载的网络条件。网络条件是执行预加载时的网络状态应符合的条件。

网络条件至少包括执行预加载的网络类型，网络类型是网络的类型，包括2G/3G/4G/5G、WIFI等。

网络条件可以根据具体的应用场景或者应用需求设置，在此不做限制。

对应的，本实施例中提供网页资源的预加载方法还包括：

当时间到达该开始时刻，检测当前的网络状态符合该网络条件时，才触发执行该加载网页资源的步骤S2200。

在当前的网络状态符合执行预加载的网络条件时，才实际触发执行网页资源的预加载，可以使得在适宜的网络状态下才执行预加载，确保执行预加载的网络稳健性，提升预加载的成功率。

另一个例子中，预加载配置信息可以包括对网页资源执行预加载的重试参数。重试参数至少包括执行预加载的重试次数、重试时长、重试周期其中至少之一。

重试次数是在执行预加载失败后，重新执行网页资源的预加载的最大次数。重试时长是在执行预加载失败后，每次重新执行网页资源的预加载的时间。重试周期是在执行预加载失败后，每次开始重新执行预加载的时间间隔。

对应的，本实施例中提供网页资源的预加载方法还包括：

当加载对应的网页资源失败时，根据重试参数重新加载对应的网页资源。

例如，重试参数中包括重试次数为5次，重试时长为60秒，重试周期为1800秒，当加载对应的网页资源失败时，将进行每次最多60秒，最多重试5次，重试间隔为1800秒的预加载步骤。

上述重试参数可以根据应用场景或者应用需求进行配置，配置重试参数可以控制预加载失败后的重新加载的预加载步骤的实施，使得重新执行预加载效率更高。

在本实施例中，预加载配置信息还包括对网页资源执行预加载的结束时刻。

对应的，本实施例中提供网页资源的预加载方法还包括：

当时间到达结束时刻时，结束对网页资源执行预加载的步骤S2200。

例如，开始时刻设置为2016年12月20日，结束时刻设置为2016年 12月31日，到时间到达2016年12月31日时，即使此前未能从资源加载路径成功加载对应的网页资源，也不再对网页资源执行预加载，结束预加载步骤。

该结束时刻的设置，可以根据具体应用场景或者需求进行。设置结束时刻，可以避免网页资源的预加载持续耗时消耗过多处理资源，避免处理效率降低。

在本实施例中，从资源加载路径加载对应的网页资源后，可以将网页资源保存在客户端本地，例如，保存在客户端内的如缓存等可读写的存储区域中。

在一个例子中，该保存网页资源的步骤可以包括：

根据对应的网页资源的资源加载路径，生成对应的唯一资源标识，以标识该网页资源进行保存。

例如，假设资源加载路径是URL(Uniform Resource Locator，统一资源定位符)形式的网络链接，可以使用哈希算法对该URL进行处理得到对应的唯一哈希值，作为唯一资源标识符，或者使用如MD5(Message Digest Algorithm MD5，消息摘要算法第5版本)算法等对URL进行处理得到对应的唯一值，作为唯一资源标识符等等。

在生成唯一资源标识符后，可以将唯一资源标识符作为该网页资源以文件形式保存时的文件名，标识该网页资源进行保存，使得后续可以根据唯一资源标识符在本地查询获取对应的网页资源进行网页展示，提高网页展示效率，满足用户对网页展示的性能要求，提升用户体验。

在本例中，该保存网页资源的步骤可以包括：

根据网页资源的资源加载路径，生成对应的唯一路径标识，将网页资源保存在与该唯一路径标识对应的文件目录下。

根据网页资源的资源加载路径例如URL，可以从中取部分字段，例如可以取出网页资源的来源者的名称，利用哈希算法或者MD5算法等对该URL 进行处理得到唯一值，作为对应的唯一路径标识，将该网页资源保存与唯一路径标识(例如文件夹目标与唯一路径标识相同)的文件目录下，使得后续可以根据唯一路径标识符在本地查询获取对应的网页资源进行网页展示，进一步提高网页展示效率，满足用户对网页展示的性能要求，提升用户体验。

在一个例子中，上述的预加载配置信息还包括该预加载的网页资源的资源过期时刻。

对应的，所述方法还包括：

当时间到达该资源过期时刻时，删除本地已保存的对应的网页资源。

该资源过期时刻可以根据具体应用场景或应用需求设置。通过设置资源过期时刻，可以不存在与网页资源对应的网页的展示需求时，删除该网页资源，避免冗余存储影响处理效率。

步骤S2300，当接收到目标网页的访问请求时，拦截与访问请求对应的网页资源加载请求，从本地已保存的网页资源中查询获取与目标网页对应的目标网页资源，以展示目标网页。

拦截目标网页的网页资源加载请求，使得不再通过网络获取对应的目标网页资源，而是从本地中获取目标网页资源，基于该目标网页资源，展示目标网页，缩短网页展示所需时间，提高网页展示效率。特别是能针对首次展示的网页，利用预加载的网页资源进行网页展示，使得能满足用户对网页的首次展示的性能需求，提升用户的网页访问体验。尤其适用于对于包含网页资源较多的富媒体网页的首次展示。

当本地保存的网页资源是基于前述的唯一资源标识保存时，从已保存的网页资源中查询获取与所述目标网页对应的目标网页资源的步骤包括：步骤S2311-步骤S2312。

步骤S2311，从网页资源请求中获取目标网页资源的资源加载路径，生成对应的目标资源标识。

网页资源请求中通常会包括对应的网页资源的资源加载路径，获取该资源加载路径，可以根据上述生成唯一资源标识的方法，生成对应的目标资源标识。

步骤S2312，在已保存的网页资源中，查询获取唯一资源标识与目标资源标识相同的网页资源，作为目标网页资源。

具有与目标资源标识相同的唯一资源标识的网页资源，就是目标网页对应的目标网页资源。基于目标资源标识和唯一资源标识，使得能快速查询获取本地已保存的目标网页资源，提高处理效率。

而当本地保存的网页资源是基于前述的唯一路径标识，保存在与唯一路径标识的文件目录下时，该从已保存的网页资源中查询获取与目标网页对应的目标网页资源的步骤还包括：步骤S2301-步骤S2302。

步骤S2301，根据目标网页资源的资源加载路径，生成对应的目标网页资源的目标路径标识。

该目标路径标识，可以根据上述生成唯一路径标识的方法生成。在此不再赘述。

步骤S2302，在与目标路径标识相同的唯一路径标识对应的文件目录下，查询获取目标网页资源。

通过目标路径标识、唯一路径标识，可以快速定位到目标网页资源保存的文件目录，提高获取目标网页资源的效率。

在实际应用中，会出现用户访问的网页对应的网页资源在此前未被预加载至客户端本地保存的情况，因此，本实施例中提供的网页资源的预加载方法，还包括：

当从本地已保存的网页资源中未能查询获取目标网页资源时，根据从网页资源请求中获取目标网页资源的资源加载路径，从网络加载对应的目标网页资源。

在未能获取目标网页资源时，实时加载网页资源，避免影响网页展示，导致用户体验受影响。

<客户端>

在本实施例中，还提供一种客户端200，用于执行网页资源的预加载，如图3所示，包括：存储器210和处理器220。

存储器210，用于存储可执行的指令；

处理器220，用于根据所述可执行的指令的控制，运行客户端200执行如本实施例中提供的任何一项网页资源的预加载方法。

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

在本实施例中，并不限制该客户端200的实体形式。该客户端200可以手机、平板电脑、掌上电脑、笔记本电脑、台式机等。在一个例子中，该客户端200可以是如图1所示的客户端1200，或者，该客户端200还可以是安装有提供网络访问服务的应用程序(APP)的手机等电子设备等。

以上已经结合附图描述了本发明的第一实施例，根据本实施例，提供一种网页资源的预加载方法及客户端，通过获取预加载配置信息，在预加载配置信息指示的执行预加载的开始时刻，根据预加载配置信息指示的资源加载路径，加载对应的网页资源并保存，在用户访问与加载的网页资源对应的网页时，直接获取本地的网页资源，展示对应的网页。缩短网页展示所需时间，提高网页展示效率。特别是针对首次展示的网页，利用预加载的网页资源进行网页展示，满足用户对网页的首次展示的性能需求，提升用户的网页访问体验。尤其适用于对于包含网页资源较多的富媒体网页的首次展示。

<第二实施例>

在本实施例中，提供一种网页资源的预加载方法，通过服务器实施。

该服务器是提供数据管理服务的设备，例如可以是刀片服务器、云端服务器等，在一个例子中，该服务器可以是如图1所示的服务器1100。

该网页资源的预加载方法，如图4所示，包括步骤S3100-S3200。

步骤S3100，获取目标网页。

该目标网页是由具有信息展示需求的用户提供的、期望在未来某个时刻展示的网页。例如，目标网页可以是针对某个即将到来的购物节活动设计制造的活动宣传网页。

在本实施例中，服务器可以通过开放接口或者提供网页上传界面，以供目标网页的提供者，将目标网页上传至服务器，以此获取目标网页。

步骤S3200，获取与目标网页对应的网页资源的资源加载路径。

在本实施例中，可以通过解析目标网页，确定目标网页中包含的网页资源，并读取网页资源对应的资源加载路径。

步骤S3300，根据所接收的预加载配置请求以及资源加载路径，生成对应的预加载配置信息并保存，以供客户端获取后对与所述目标网页对应的网页资源执行预加载。

预加载配置请求可以由目标网页的提供者通过触发发送，服务器可以通过开放的接口或者提供的配置界面响应接收。

预加载配置请求中包括期望执行预加载时的相关参数，例如，包括网页资源执行预加载的开始时刻、结束时刻、重试参数、资源过期时刻、资源类型以及执行预加载的网络条件等。

服务器接收预加载配置请求，可以解析预加载配置请求获取对应的配置信息，与资源加载路径一起生成对应的预加载配置信息。

其中，预加载配置信息包括对与目标网页对应的至少一份网页资源执行预加载的开始时刻以及对应的资源加载路径。

在本实施例中，预加载配置信息还可以包括执行预加载的网络条件、对网页资源执行预加载的重试参数、对网页资源执行预加载的结束时刻、所述预加载的网页资源的资源过期时刻、唯一信息标识、对应的网页资源的资源类型中的至少之一。

网络条件至少包括执行预加载的网络类型。

重试参数至少包括执行预加载的重试次数、重试时长、重试周期其中至少之一。

唯一信息标识用于唯一标识预加载配置信息。

上述预加载参数包括具体内容，在第一实施例中已经详细描述，在此不再赘述。

通过生成预加载配置信息，可以提供给客户端获取，使得客户端能根据预加载配置信息，预先加载对应的网页资源保存，当用户访问对应的网页时，可以不必再从网络上加载对应的网页资源，而是根据本地已保存在网页资源，展示对应的网页。缩短网页展示所需时间，提高网页展示效率。特别是针对首次展示的网页，利用预加载的网页资源进行网页展示，满足用户对网页的首次展示的性能需求，提升用户的网页访问体验。尤其适用于对于包含网页资源较多的富媒体网页的首次展示。

<服务器>

在本实施例中，还提供一种服务器300，用于执行网页资源的预加载，如图5所示，包括：存储器310以及处理器320。

存储器310，用于存储可执行的指令；

处理器320，用于根据所述可执行的指令的控制，运行服务器300执行如本实施例中提供的任何一项网页资源的预加载方法。

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

在本实施例中，并不限制服务器300的实体形式，例如，该服务器300 可以是刀片服务器或者云服务器，或者，还可以是如图1所示的服务器 1100。

以上已经结合附图描述了本发明的第二实施例，根据本实施例，提供一种网页资源的预加载方法及服务器，通过获取目标网页，生成对应的预加载配置信息并保存，使得客户端可以获取对应的预加载配置信息，根据在预加载配置信息指示，预先加载对应的网页资源并保存，在用户访问与加载的网页资源对应的网页时，直接获取本地的网页资源，展示对应的网页。缩短网页展示所需时间，提高网页展示效率。特别是针对首次展示的网页，利用预加载的网页资源进行网页展示，满足用户对网页的首次展示的性能需求，提升用户的网页访问体验。尤其适用于对于包含网页资源较多的富媒体网页的首次展示。

<第三实施例>

在本实施例中，提供一种网络系统400，用于执行网页资源的预加载，如图6所示，包括：

第一实施例提供的客户端200；

以及第二实施例提供的服务器300。

以下将结合图7进一步举例说明，基于本实施例提供的网络系统400 执行的网页资源的预加载方法。

如图7所示，该网页资源的预加载方法包括步骤S401-S416。

步骤S401、服务器200获取目标网页。

在本例中，假设目标网页是针对2017年1月1日的节日制作的一个精美的元旦活动网页。

该目标网页被部署在网络服务器地址上：

https://xx.cn/activity/111/index.html。

目标网页的提供者可以从该地址获取该目标网页。

解析该目标网页，根据目标网页的网页资源使用情况，确定对应的网页资源，获取对应的网络资源加载路径，生成对应的资源加载清单，该资源加载清单包括目标网页包含的所有需加载的网页资源，以及对应的资源加载路径。

在本例中，资源加载清单的内容可以如下形式：

{active:true,assets:

[“https://xx.cn/activity/111/1.js”,“https://xx.cn/activity/111/2.css”,

“https://xx.cn/activity/111/3.jpg”,“https://xx.cn/activity/111/4.mp4”]}。

并将资源加载清单保存在服务器地址： https://xx.cn/activity/111/assets.json。

步骤S402、服务器200接收预加载配置请求。

预加载配置请求中，包括网页资源执行预加载的开始时刻、结束时刻、重试参数、资源过期时刻、资源类型以及执行预加载的网络条件等。

假设本例中，预加载配置请求中，指示期望执行在从2016年12月20 日为开始时刻至当月31日为结束时刻的时间段内、并且网络类型为wifi 网络和4G网络时，将进行每次最多60秒，最多重试5次，重试间隔为1800 秒的预加载操作。并且网页资源的过期时刻为2017年1月5日。而信息唯一标识为activity_1。

步骤S403、服务器200生成预加载配置信息并保存。

在本例中，生成的预加载配置信息如下：

[{id:”activity_1”,startDate:”2016-12-20”,stopDate:”2016-12-31”,netType:”wifi|4g”,executeSeconds:60,retry:5,retryDelaySeconds:1800,expireDate:”2017-01-05”,scope:”https://xx.cn/activity/111/”, assetsURL:”https://xx.cn/activity/111/assets.json”}]

上述预加载配置信息被保存在：https://xx.cn/clude/prefetch.json。

步骤S404，客户端300获取预加载配置信息。

此例中，预加载配置信息的保存地址为：https:// xx.cn/clude/prefetch.json，客户端300可以从该地址获取内容后进行解析，此例中为业界通用的json格式，第一级为数组，其中只有1条配置，其唯一信息标识为activity_1，客户端300将在本地已保存的预加载配置信息中是否存在相同的唯一信息标识，如果没有，则添加，如果已经存在相同的唯一信息标识，则进行更新替换，本地的预加载配置信息继续保存下来以便根据该信息执行预加载。

步骤S405，客户端300根据预加载配置信息加载网页资源。

在本例中，客户端300将在根据上述预加载配置信息，在时间到达 2016年12月20日至当月31日期间、并且网络处于wifi和4g网络时，将进行每次最多60秒，最多重试5次，重试间隔为1800秒的预加载操作，预加载对应的网页资源。

在本例中，对网页资源执行预加载过程中，将根据预加载配置信息中的assetsURL字段中的https://xx.cn/activity/111/assets.json获取对应保存网页资源加载路径的资源加载清单，如果资源加载清单中的active开关为 true，说明预加载启用，然后根据资源加载清单中的assets字段定义的资源列表，对其中的1.js、2.css、3.jpg、4.mp4进行下载并保存在。

步骤S406，判断客户端300预加载网页资源是否成功，如果是，转入步骤S407，否则进入步骤S408。

步骤S407，客户端300本地保存加载的网页资源。

在本例中，可以将网页资源的资源加载路径例如：“https:// xx.cn/activity/111/2.css”；去除文件名得到的路径“https:// xx.cn/activity/111/”而后基于哈希算法或者MD5算法计算得到唯一值作为文件目录名称，将网页资源保存在该文件目录下，在对网页资源的资源加载路径基于哈希算法或者MD5算法计算得到唯一值，作为网页资源的文件名，保存该网页资源。

步骤S408，客户端300判断当前状态是否符合预加载配置信息，例如，是否符合网络条件、加载日期、重试参数等，如果符合，转回步骤S405继续加载，否则，进入步骤S409。

步骤S409，客户端300等待重新加载网页资源。

步骤S410，客户端300判断是否符合重试参数，如果符合，转入步骤 S408判断是否符合预加载配置信息，否则，转回步骤S409继续等待。

步骤S411，客户端300接收到目标网页的访问请求。

该目标网页的访问请求可以是在上述的元旦活动期间，用户操作客户端300访问对应的活动网页所触发的。

步骤S412，客户端300拦截与目标网页的访问请求对应的网页资源获取请求。

该网页资源请求中通常包括网页资源的加载地址。

在本例中，该网页资源的加载地址包括：

“https://xx.cn/activity/111/1.js”,“https://xx.cn/activity/111/2.css”,

“https://xx.cn/activity/111/3.jpg”,“https://xx.cn/activity/111/4.mp4”

步骤S413，客户端300在本地已保存的网页资源中查询获取是否已存在对应的目标网页资源，如果是，转入步骤S414，如果否，转入步骤S415。

在本例中，根据网页资源的资源加载地址URL，可以去除文件名后计算MD5值或哈希值后得到对应的文件目录地址，在对URL计算MD5值或哈希值后得到对应的文件名称，在该文件目录下，可以查找是否存在对应的文件名称的网页资源。

例如，首先请求的是https://xx.cn/activity/111/index.html主文档，通过去除URL的文件名后得到https://xx.cn/activity/111/计算md5值或哈希值后得到网页资源存放的文件目录，然后根据https:// xx.cn/activity/111/index.html文件URL计算md5值或哈希值后得到保存网络资源的文件名，在本例中，并没有预加载主文档文件，因此该文件未能在本地已保存的网页资源中查询获取，将从网络请求加载。

在https://xx.cn/activity/111/index.html中有用到的https://xx.cn/activity/111/1.js，该文件的资源请求随后被拦截，根据上述类似的方法，在本例中将会在本地已保存的网页资源找到对应的网页资源，直接从本地直接读取，避免了网络请求，在通常的移动网络环境下，网页加载性能得以几十上百倍的数量级提升。

步骤S414，客户端300读取本地已保存的目标网页资源。

步骤S415，客户端300从网络加载目标网页资源。

步骤S416，客户端300基于目标网页资源，展示目标网页。

以上已经结合附图和例子说明了本实施例中提供的网络系统，该网络系统包括第一实施例提供的客户端和第二实施例的服务器，通过服务器生成与目标网页对应的预加载配置信息，通过客户端获取预加载配置信息，在预加载配置信息指示的执行预加载的开始时刻，根据预加载配置信息指示的资源加载路径，加载对应的网页资源并保存，在用户访问与加载的网页资源对应的网页时，直接获取本地的网页资源，展示对应的网页。缩短网页展示所需时间，提高网页展示效率。特别是针对首次展示的网页，利用预加载的网页资源进行网页展示，满足用户对网页的首次展示的性能需求，提升用户的网页访问体验。尤其适用于对于包含网页资源较多的富媒体网页的首次展示。

本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。

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

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

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

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

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

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

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

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

Claims (12)

1.一种网页资源的预加载方法，其中，通过客户端实施，包括：

从服务器获取网页资源的预加载配置信息，

其中，所述预加载配置信息包括对至少一份网页资源执行预加载的开始时刻以及对应的资源加载路径；

当时间到达所述开始时刻时，根据所述资源加载路径加载对应的网页资源并保存在本地；

当接收到目标网页的访问请求时，拦截与所述访问请求对应的网页资源加载请求，从本地已保存的网页资源中查询获取与所述目标网页对应的目标网页资源，以展示所述目标网页。

2.根据权利要求1所述的方法，其中，

所述预加载配置信息还包括对执行预加载的网络条件，所述网络条件至少包括执行预加载的网络类型；

所述方法还包括：

当时间到达所述开始时刻，检测当前的网络状态符合所述网络条件时，才触发执行所述加载网页资源的步骤；

和/或，

所述预加载配置信息还包括对网页资源执行预加载的重试参数，所述重试参数至少包括执行预加载的重试次数、重试时长、重试周期其中至少之一；

所述根据所述资源加载路径加载对应的网页资源还包括：

当加载对应的网页资源失败时，根据所述重试参数重新加载对应的网页资源。

3.根据权利要求1所述的方法，其中，

所述预加载配置信息还包括对网页资源执行预加载的结束时刻；

所述方法还包括：

当时间到达所述结束时刻时，结束对所述网页资源执行预加载。

和/或，

所述预加载配置信息还包括所述预加载的网页资源的资源过期时刻；

所述方法还包括：

当时间到达所述资源过期时刻时，删除本地已保存的对应的网页资源。

4.根据权利要求1所述的方法，其中，

所述预加载配置信息中还包括唯一信息标识，所述唯一信息标识用于唯一标识所述预加载配置信息；

所述从服务器获取网页资源的预加载配置信息的步骤包括：

当本地已保存的预加载配置信息与从服务器获取的预加载配置信息具有相同的所述唯一信息标识时，以服务器获取的预加载配置信息更新本地已保存的预加载配置信息；

和/或，

所述预加载配置信息中还包括对应的网页资源的资源类型。

5.根据权利要求1所述的方法，其中，

所述保存网页资源的步骤包括：

根据所述网页资源的资源加载路径，生成对应的唯一资源标识，以标识所述网页资源进行保存；

所述从已保存的网页资源中查询获取与所述目标网页对应的目标网页资源的步骤包括：

从所述网页资源请求中获取所述目标网页资源的资源加载路径，生成对应的目标资源标识；

在所述已保存的网页资源中，查询获取所述唯一资源标识与所述目标资源标识相同的网页资源，作为目标网页资源。

6.根据权利要求5所述的方法，其中，

所述保存网页的步骤还包括：

根据所述网页资源的资源加载路径，生成对应的唯一路径标识，将所述网页资源保存在与所述唯一路径标识对应的文件目录下；

所述从已保存的网页资源中查询获取与所述目标网页对应的目标网页资源的步骤还包括：

根据所述目标网页资源的资源加载路径，生成对应的目标网页资源的目标路径标识；

在与所述目标路径标识相同的所述唯一路径标识对应的文件目录下，查询获取所述目标网页资源。

7.根据权利要求1所述的方法，其特征在于，还包括：

当从本地已保存的网页资源中未能查询获取所述目标网页资源时，根据从所述网页资源请求中获取所述目标网页资源的资源加载路径，从网络加载对应的目标网页资源。

8.一种网页资源的预加载方法，其中，通过服务器实施，包括：

获取目标网页；

获取与所述目标网页对应的网页资源的资源加载路径；

根据所接收的预加载配置请求以及所述资源加载路径，生成对应的预加载配置信息并保存，以供客户端获取后对与所述目标网页对应的网页资源执行预加载，

其中，所述预加载配置信息包括对与所述目标网页对应的至少一份网页资源执行预加载的开始时刻以及对应的资源加载路径。

9.根据权利要求8所述的方法，其中，

所述预加载配置信息还至少包括执行预加载的网络条件、对网页资源执行预加载的重试参数、对网页资源执行预加载的结束时刻、所述预加载的网页资源的资源过期时刻、唯一信息标识、对应的网页资源的资源类型中的至少之一；

其中，所述网络条件至少包括执行预加载的网络类型；

所述重试参数至少包括执行预加载的重试次数、重试时长、重试周期其中至少之一；

所述唯一信息标识用于唯一标识所述预加载配置信息。

10.一种客户端，用于执行网页资源的预加载，其中，包括：

存储器，用于存储可执行的指令；

处理器，用于根据所述可执行的指令的控制，运行所述客户端执行如权利要求1-7所述的任何一项网页资源的预加载方法。

11.一种服务器，用于执行网页资源的预加载，其中，包括：

存储器，用于存储可执行的指令；

处理器，用于根据所述可执行的指令的控制，运行所述服务器执行如权利要求8或9所述的任何一项网页资源的预加载方法。

12.一种网络系统，用于执行网页资源的预加载，其中，包括：

如权利要求10所述的客户端；

以及如权利要求11所述的服务器。