CN112698882A - 一种页面组件加载方法及装置 - Google Patents

Abstract

本说明书公开了一种页面组件加载方法及装置，可先接收客户端发送的页面获取请求，并根据该页面获取请求中包含的页面标识，向客户端返回该页面的框架资源。之后再接收该客户端发送的组件获取请求，并根据该组件获取请求中包含的组件的组件标识，确定该组件对应的若干版本的组件资源，以及根据该组件获取请求中包含的该客户端的网络状态，从该组件对应的若干版本的组件资源中，确定对应该网络状态的组件资源。最后将确定出的组件资源返回至该客户端，以使该客户端根据接收到的组件资源，进行组件加载。基于客户端的网络状态，确定并下发对应版本的组件资源，提高了客户端中加载组件的速度。

Description

一种页面组件加载方法及装置

技术领域

本申请涉及互联网技术领域，尤其涉及一种页面组件加载方法及装置。

背景技术

通常在页面加载过程中，加载页面的数据量与页面的加载时长呈正相关，页面的数据量越大，所需的加载时间越长。在加载数据量大的页面时，用户所需等待的时间往往较长，给用户带来不好的体验。

为了提升用户体验，目前在进行页面开发时，通常将页面拆分为页面框架以及若干组件的形式。使得在页面加载过程中，客户端可先加载页面中数据量较少的页面框架资源，并进行渲染展示，以减少用户等待时长。并且，在渲染页面框架的同时，异步加载页面中的各组件。

发明内容

本说明书实施例提供一种页面组件加载方法及装置，用于部分解决现有技术中当客户端的网络状态不佳时，页面仍然加载缓慢的问题。

本说明书实施例采用下述技术方案：

本说明书提供的一种页面组件加载方法，包括：

接收客户端发送的页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

根据所述页面获取请求中包含的页面标识，确定所述页面的框架资源，并将确定出的所述页面的框架资源返回至所述客户端；

接收所述客户端发送的组件获取请求，所述组件获取请求中包含所述组件的组件标识以及所述客户端的网络状态；

根据所述组件获取请求中包含的所述组件的组件标识，确定所述组件对应的若干版本的组件资源，其中，不同版本的组件资源对应不同的网络状态；

根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源；

将确定出的组件资源返回至所述客户端，以使所述客户端根据接收到的组件资源，进行组件加载。

可选地，所述网络状态包含网络速度；

根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源，具体包括：

根据所述组件获取请求中包含的所述客户端的网络速度，确定所述网络速度落入的区间范围；

根据各区间范围与各版本的组件资源的对应关系，从所述组件对应的若干版本的组件资源中，确定对应所述网络速度的组件资源。

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

当接收到所述客户端发送的页面更新请求时，根据所述页面更新请求中的网络状态以及最近一次接收到的页面获取请求中的网络状态，判断所述客户端的网络状态是否发生变化；

若是，则根据所述页面更新请求中的网络状态，重新从所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源，并返回至所述客户端；

若否，则向所述客户端返回指定信息，以使所述客户端根据所述组件的组件资源进行组件加载，所述指定信息用于表征所述组件资源未发生变化。

本说明书提供的另一种页面组件加载方法，包括：

向服务器发送页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

接收所述服务器返回的所述页面的框架资源，所述框架资源中包含所述页面中组件的组件标识；

根据所述框架资源中所述组件的组件标识以及客户端所处的网络状态，向所述服务器发送组件获取请求；

接收所述服务器返回的所述组件的组件资源，所述组件资源由所述服务器根据所述客户端所处的网络状态，从所述组件对应的各版本的组件资源中确定的，其中，不同版本的组件资源对应不同的网络状态；

根据接收到的所述组件的组件资源，进行组件加载。

可选地，所述框架资源中还包括同步组件的组件资源；

所述方法还包括：

根据接收到的所述页面的框架资源，渲染展示所述页面的页面框架以及所述同步组件。

可选地，所述页面中包含多个组件；

所述方法还包括：

针对页面中的每个组件，向所述服务器发送用于获取该组件的组件获取请求，其中，所述组件获取请求中包含该组件的组件标识以及所述客户端的网络状态；

接收所述服务器返回的该组件的组件资源，并根据接收到该组件的组件资源，加载该组件。

本说明书提供一种页面组件加载装置，包括：

第一接收模块，接收客户端发送的页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

第一确定模块，根据所述页面获取请求中包含的页面标识，确定所述页面的框架资源，并将确定出的所述页面的框架资源返回至所述客户端；

第二接收模块，接收所述客户端发送的组件获取请求，所述组件获取请求中包含所述组件的组件标识以及所述客户端的网络状态；

第二确定模块，根据所述组件获取请求中包含的所述组件的组件标识，确定所述组件对应的若干版本的组件资源，其中，不同版本的组件资源对应不同的网络状态；

第三确定模块，根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源；

加载模块，将确定出的组件资源返回至所述客户端，以使所述客户端根据接收到的组件资源，进行组件加载。

本说明书提供一种页面组件加载装置，包括：

第一发送模块，向服务器发送页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

第一接收模块，接收所述服务器返回的所述页面的框架资源，所述框架资源中包含所述页面中组件的组件标识；

第二发送模块，根据所述框架资源中所述组件的组件标识以及客户端所处的网络状态，向所述服务器发送组件获取请求；

第二接收模块，接收所述服务器返回的所述组件的组件资源，所述组件资源由所述服务器根据所述客户端所处的网络状态，从不同网络状态对应的各版本的组件资源中确定的；

加载模块，根据接收到的所述组件的组件资源，进行组件加载。

本说明书提供的一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述页面组件加载方法。

本说明书提供的一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面组件加载方法。

本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：

在本说明书中的组件加载过程中，可先接收客户端发送的页面获取请求，并根据该页面获取请求中包含的页面标识，向客户端返回该页面的框架资源。之后再接收该客户端发送的组件获取请求，并根据该组件获取请求中包含的组件的组件标识，确定该组件对应的若干版本的组件资源，以及根据该组件获取请求中包含的该客户端的网络状态，从该组件对应的若干版本的组件资源中，确定对应该网络状态的组件资源。最后将确定出的组件资源返回至该客户端，以使该客户端根据接收到的组件资源，进行组件加载。基于客户端的网络状态，确定并下发对应版本的组件资源，提高了客户端中加载组件的速度。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本说明书实施例提供的一种页面组件加载流程示意图；

图2为本说明书实施例提供的另一种页面组件加载流程示意图；

图3为本说明书实施例提供的一种页面组件加载装置的结构示意图；

图4为本说明书实施例提供的另一种页面组件加载装置的结构示意图；

图5为本说明书实施例提供的实现页面组件加载方法的电子设备示意图。

具体实施方式

为使本说明书的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

以下结合附图，详细说明本申请各实施例提供的技术方案。

目前，为了提高页面加载速度，进一步提升用户体验，通常在页面开发时，将页面拆分为页面框架以及若干组件的形式。使得在页面加载过程中，客户端可先加载该页面的页面框架，并渲染展示该页面的页面框架，以减少用户的等待时长。之后，再根据该页面框架中包含的组件的组件标识，向对应的服务器发送组件获取请求，以异步获取组件资源，并进行组件加载。

但当客户端所处的网络状态不佳，且组件的数据量较大时，组件加载速度仍然缓慢。因此本说明书提供一种页面组件加载方法，通过预先设置对应不同网络状态的若干版本的组件资源，使得在组件加载过程中，可根据客户端所处的网络状态，加载对应版本的组件资源，以提高组件的加载速度，提升用户的使用体验。

图1为本说明书实施例提供的一种页面组件加载流程示意图，具体可包括以下步骤：

S100：接收客户端发送的页面获取请求。

S102：根据所述页面获取请求中包含的页面标识，确定所述页面的框架资源，并将确定出的所述页面的框架资源返回至所述客户端。

本说明书提供的页面组件加载方法，具体可由提供页面资源的服务器执行，该服务器可以是单个服务器，也可以是多个服务器组成的***，如，分布式服务器等，本说明书对此不做限制，可根据需要设置。

由于本说明书是在页面加载的过程中，对页面中的组件进行加载的一种方法，因此在本说明书中，该服务器可在接收到客户端发送的页面获取请求时，执行该页面组件加载方法。

具体的，该服务器可接收用户通过客户端发送的页面获取请求，其中，该页面获取请求中包含待加载页面的页面标识。

之后，该服务器可根据接收到的页面获取请求中包含的页面标识，从存储的各页面的框架资源中，确定与该页面标识对应的页面的框架资源，其中，该页面的框架资源中包含该页面的页面框架以及该页面中各组件的组件标识。

最后，将确定出的该页面的框架资源返回至该客户端，以使该客户端先根据该页面的框架资源，渲染展示该页面的页面框架。

S104：接收所述客户端发送的组件获取请求。

在本说明书一种或多种实施例中，为了提高页面加载速度，该服务器可在下发页面的框架资源后，再根据客户端的网络状态，实时判断需要下发哪种版本的组件资源，以减少页面加载时长，提高用户体验。

因此该服务器可在下发页面的框架资源后，可再接收客户端发送的组件获取请求，以下发对应的组件资源。其中，该组件获取请求中包含该组件的组件标识以及客户端所处的网络状态。以通过后续步骤确定对应该组件标识以及该网络状态的组件资源。

S106：根据所述组件获取请求中包含的所述组件的组件标识，确定所述组件对应的若干版本的组件资源。

S108：根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源。

本说明书提供的页面组件加载方法，是通过预先设置若干版本对应不同网络状态的组件资源，以使在组件加载过程中，可根据客户端的网络状态的不同，向客户端下发对应版本的组件资源，以提高客户端网络状态不佳时，页面组件的加载速度。

因此在本说明书中，该服务器可针对每个组件，预先存储该组件对应的若干不同版本的组件资源。其中，不同版本的组件资源可实现相同的组件功能，分别对应于不同的网络状态。网络状态越差，对应的组件资源的配置越差，数据量越小。后续可通过本说明书提供的页面组件加载方法，进行组件加载。

具体的，该服务器可先根据接收到的组件获取请求中包含的组件的组件标识，从预先存储的各组件对应的若干版本的组件资源中，确定该组件对应的若干版本的组件资源。

之后，该服务器可再根据该组件获取请求中包含的客户端的网络状态，以及预先设置的各不同网络状态与各不同版本的组件资源的对应关系，从该组件对应的若干版本的组件资源中，确定对应该客户端的网络状态的组件资源。

例如，当加载新闻页面时，若该客户端的网络状态为***通信技术(the4thgeneration communication system，4G)或者无线高保真(Wireless Fidelity，WIFI)时，则该服务器可下发视频播放组件，以在新闻页面中进行视频播放。若该客户端的网络状态为3G或者2G时，则该服务器可下发用于展示图片以及文字的组件资源，以在新闻页面中展示图片以及文字信息。

进一步的，该组件获取请求中包含的网络状态可以是客户端当前所处的网络类型，如，2G、3G、4G以及WIFI等。当然，也可以是客户端当前的网络速度等用于表征客户端当前网络状况的网络信息。

当该组件获取请求中包含的网络状态为客户端当前的网络速度时，该服务器可根据该客户端的网络速度，从预设的各网络速度的区间范围中，确定该客户端的网络速度落入的区间范围。之后，根据预设的各区间范围与该组件的各版本的组件资源的对应关系，从该组件对应的若干版本的组件资源中，确定对应该区间范围的组件资源，作为对应该客户端的网络速度的组件资源。

S110：将确定出的组件资源返回至所述客户端，以使所述客户端根据接收到的组件资源，进行组件加载。

在本说明书一种或多种实施例中，当该服务器确定出对应客户端当前网络状态的组件资源后，便可将确定出的组件资源下发至客户端，以使客户端加载组件，完成页面加载。

具体的，该服务器可将确定出的组件资源返回给该客户端，以使该客户端根据接收到的组件资源，加载该组件，并在该页面的页面框架中渲染展示该组件。其中，由于该组件资源与客户端当前的网络状态适配，因此该组件加载速度更符合客户端当前网络状态，更符合用户需要。

基于图1所示的页面组件加载方法，可先接收客户端发送的页面获取请求，并根据该页面获取请求中包含的页面标识，向客户端返回该页面的框架资源。之后再接收该客户端发送的组件获取请求，并根据该组件获取请求中包含的组件的组件标识，确定该组件对应的若干版本的组件资源，以及根据该组件获取请求中包含的该客户端的网络状态，从该组件对应的若干版本的组件资源中，确定对应该网络状态的组件资源。最后将确定出的组件资源返回至该客户端，以使该客户端根据接收到的组件资源，进行组件加载。基于客户端的网络状态，确定并下发对应版本的组件资源，提高了客户端中加载组件的速度，更符合客户端加载组件的需要。

在本说明书另一实施例中，当该服务器接收到该客户端发送的页面更新请求时，则可根据该页面更新请求中的网络状态以及最近一次接收到的页面获取请求中的网络状态，判断该客户端的网络状态是否发生变化。若该客户端的网络状态发生变化，则根据该页面更新请求中的网络状态，重新从步骤S106确定出的该组件对应的若干版本的组件资源中，确定对应更新请求中的网络状态的组件资源，并返回给该客户端。以使该客户端重新根据接收到的组件资源，更新该组件。若该客户端的网络状态未发生变化，则向该客户端返回指定信息，其中，该指定信息用于表征该组件资源未发生变化。以使该客户端可根据最近一次接收该组件的组件资源进行组件加载。

或者，在本说明书其它实施例中，该服务器也可在再次接收到该客户端发送的用于获取该页面的页面获取请求后，根据该页面获取请求中包含的网络状态以及上次接收到的用于获取该页面的页面获取请求中的网络状态，判断该客户端的网络状态是否发生变化。若该客户端的网络状态发生变化，则根据再次接收到的页面获取请求中的网络状态，重新从步骤S106确定出的该组件对应的若干版本的组件资源中，确定对应该网络状态的组件资源，并返回给该客户端。以使该客户端重新根据接收到的组件资源，更新该组件。若该客户端的网络状态未发生变化，则向该客户端返回指定信息，以使该客户端可根据上次接收该组件的组件资源进行组件加载。

基于图1所示的页面组件加载方法，本说明书还对应提供客户端侧执行的页面组件加载方法。本说明书提供的另一种页面组件加载流程示意图，如图2所示，具体可包括以下步骤：

S200：向服务器发送页面获取请求。

S202：接收所述服务器返回的所述页面的框架资源。

在本说明书中的页面加载过程中，通过将页面中的页面框架与页面中的各组件分开加载，一方面可以减少用户等待时间，提升用户体验，另一方面也可以使服务器根据客户端的网络状态，下发具有相同功能，但数据量较少的组件资源，以提高组件的加载速度。

因此在本说明书中，该客户端在加载页面时，可先向服务器发送页面获取请求，其中，该页面获取请求中包含待加载页面的页面标识。之后，该客户端可接收该服务器返回的该页面的框架资源，并根据接收到的页面的框架资源，渲染展示该页面的页面框架。

进一步的，在本说明书中，该页面的框架资源中还包含有该页面中组件的组件标识，并且，当该页面中包含多个组件时，由于并非所有组件都可以在不同的网络状态下对应不同版本的组件资源，部分组件的数据量较小，则无需在不同网络状态下显示不同版本的组件信息。因此对于受网络状态影响较小的组件，可以将该组件作为同步组件，携带在框架资源中同步加载至客户端。

则该客户端可在接收到服务器返回的框架资源时，可根据该框架资源以及其中包含的同步组件的组件资源，渲染展示该页面的页面框架以及同步组件，以减少用户等待时长。

S204：根据所述框架资源中所述组件的组件标识以及客户端所处的网络状态，向所述服务器发送组件获取请求。

本说明书提供的页面组件加载方法，在获取组件资源时，该客户端可将本地的网络状态发送至服务器，以使服务器下发对应版本的组件资源，提高组件的加载速度。

具体的，该客户端可根据接收到的页面的框架资源，从中确定该页面中待加载组件的组件标识。并且，由于终端本地环境的网络状态可能发生变化，因此该客户端还需实时检测本地的网络状态信息。之后，根据该页面中待加载组件的组件标识以及实时检测的网络状态，确定组件获取请求，并向该服务器发送该组件获取请求，以获取组件的组件资源。

S206：接收所述服务器返回的所述组件的组件资源。

S208：根据接收到的所述组件的组件资源，进行组件加载。

在本说明书中，当向服务器发送组件获取请求后，便可接收服务器返回的组件资源，以根据接收到的组件资源进行渲染展示。

具体的，该客户端可接收服务器返回的组件的组件资源。其中，该组件的组件资源由该服务器根据组件获取请求中包含的网络状态，从该组件对应的若干版本的组件资源中确定的，并且，该组件对应的若干版本的组件资源可实现相同的功能，但各版本组件资源的数据量不同，分别对应于不同的网络状态。当客户端的网络状态较好时，可加载数据量较大的组件资源，展示性能更佳的组件。当客户端的网络状态较差时，可加载数据量较小的组件资源，以保证用户正常使用该组件执行业务。

之后，该客户端可根据接收到的组件资源，加载该组件，并在该页面的页面框架中渲染展示该组件。

基于图2所示的页面组件加载方法，在页面加载过程中，可先向服务器发送页面获取请求，以接收该服务器返回的该页面的框架资源。之后，可根据框架资源中组件的组件标识以及客户端所处的网络状态，向该服务器发送组件获取请求，以接收该服务器返回的该组件的组件资源，最后根据接收到的该组件的组件资源，进行组件加载。通过分开加载页面的框架资源以及组件资源，并基于客户端的网络状态，获取对应该网络状态的组件资源以进行组件加载，减少在客户端中加载组件的时间。

在本说明书另一种实施例中，该待加载页面中也可包含多个组件，则在步骤S202中接收到的框架资源中包含各组件的组件标识。之后，该客户端可针对页面中的每个组件，向该服务器发送用于获取该组件的组件获取请求，其中，该组件获取请求中包含该组件的组件标识以及该客户端的网络状态。之后，接收该服务器返回的该组件的组件资源，并根据接收到该组件的组件资源，加载该组件。

在本说明书中，提供页面的框架资源的服务器与提供组件资源的服务器可以是同一个服务器，也可以是不同的服务器，并且，当该页面中包含多个组件时，各组件也可以分别从不同的服务器获取。本说明书对此不做限制，具体可根据需要设置。

另外，在本说明书中，在设置同一组件对应于不同网络状态的若干版本的组件资源时，网络状态越差，对应版本的组件资源的数据量越少，使得客户端可在网络状态不佳的情况下，提高组件的加载速度。例如：当加载聊天界面中的聊天组件时，若客户端的网络状态处于3G，则加载文字版的聊天组件。若客户端的网络状态处于4G，则加载语音聊天组件。若客户端的网络状态处于WIFI，则加载视频聊天组件。

或者，在加载地图界面中的地图显示组件时，若客户端的网络状态处于3G，则展示二维地图，显示二维的路线。若客户端的网络状态处于4G或WIFI，则展示三维地图，显示虚拟现实(Virtual Reality，VR)下的场景。当然，基于应用场景的不同，可设置对应不同应用场景的若干版本的组件资源，上述只是示例性的以聊天场景和地图显示场景为例进行说明，具体可根据业务需要设置，本说明书对此不做限制。

基于图1所示的页面组件加载方法，本说明书实施例还对应提供一种页面组件加载装置的结构示意图，如图3所示。

图3为本说明书实施例提供的一种页面组件加载装置的结构示意图，所述装置包括：

第一接收模块300，接收客户端发送的页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

第一确定模块302，根据所述页面获取请求中包含的页面标识，确定所述页面的框架资源，并将确定出的所述页面的框架资源返回至所述客户端；

第二接收模块304，接收所述客户端发送的组件获取请求，所述组件获取请求中包含所述组件的组件标识以及所述客户端的网络状态；

第二确定模块306，根据所述组件获取请求中包含的所述组件的组件标识，确定所述组件对应的若干版本的组件资源，其中，不同版本的组件资源对应不同的网络状态；

第三确定模块308，根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源；

加载模块310，将确定出的组件资源返回至所述客户端，以使所述客户端根据接收到的组件资源，进行组件加载。

可选地，所述网络状态包含网络速度，所述第二确定模块306具体用于，根据所述组件获取请求中包含的所述客户端的网络速度，确定所述网络速度落入的区间范围，根据各区间范围与各版本的组件资源的对应关系，从所述组件对应的若干版本的组件资源中，确定对应所述网络速度的组件资源。

可选地，所述页面组件加载装置还包括更新模块312，所述更新模块312具体用于，当接收到所述客户端发送的页面更新请求时，根据所述页面更新请求中的网络状态以及最近一次接收到的页面获取请求中的网络状态，判断所述客户端的网络状态是否发生变化，若是，则根据所述页面更新请求中的网络状态，重新从所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源，并返回至所述客户端，若否，则向所述客户端返回指定信息，以使所述客户端根据所述组件的组件资源进行组件加载，所述指定信息用于表征所述组件资源未发生变化。

基于图2所示的页面组件加载方法，本说明书实施例还对应提供另一种页面组件加载装置的结构示意图，如图4所示。

图4为本说明书实施例提供的另一种页面组件加载装置的结构示意图，所述装置包括：

第一发送模块400，向服务器发送页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

第一接收模块402，接收所述服务器返回的所述页面的框架资源，所述框架资源中包含所述页面中组件的组件标识；

第二发送模块404，根据所述框架资源中所述组件的组件标识以及客户端所处的网络状态，向所述服务器发送组件获取请求；

第二接收模块406，接收所述服务器返回的所述组件的组件资源，所述组件资源由所述服务器根据所述客户端所处的网络状态，从不同网络状态对应的各版本的组件资源中确定的；

加载模块408，根据接收到的所述组件的组件资源，进行组件加载。

可选地，所述框架资源中还包括同步组件的组件资源，所述第一接收模块402还用于，根据接收到的所述页面的框架资源，渲染展示所述页面的页面框架以及所述同步组件。

可选地，所述页面中包含多个组件，所述页面组件加载装置还包括多组件模块410，所述多组件模块410具体用于，针对页面中的每个组件，向所述服务器发送用于获取该组件的组件获取请求，其中，所述组件获取请求中包含该组件的组件标识以及所述客户端的网络状态，接收所述服务器返回的该组件的组件资源，并根据接收到该组件的组件资源，加载该组件。

本说明书实施例还提供了一种计算机可读存储介质，该存储介质存储有计算机程序，计算机程序可用于执行上述图1或图2提供的页面组件加载方法。

基于图1以及图2所示的页面组件加载方法，本说明书实施例还提出了图5所示的电子设备的示意结构图。如图5，在硬件层面，该电子设备包括处理器、内部总线、网络接口、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，以实现上述图1或图2所示的页面组件加载方法。

当然，除了软件实现方式之外，本说明书并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字***“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的***、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、***、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本说明书的实施例可提供为方法、***或计算机程序产品。因此，本说明书可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于***实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本说明书的实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书的权利要求范围之内。

Claims (10)

1.一种页面组件加载方法，其特征在于，包括：

接收客户端发送的页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

根据所述页面获取请求中包含的页面标识，确定所述页面的框架资源，并将确定出的所述页面的框架资源返回至所述客户端；

接收所述客户端发送的组件获取请求，所述组件获取请求中包含所述组件的组件标识以及所述客户端的网络状态；

根据所述组件获取请求中包含的所述组件的组件标识，确定所述组件对应的若干版本的组件资源，其中，不同版本的组件资源对应不同的网络状态；

根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源；

将确定出的组件资源返回至所述客户端，以使所述客户端根据接收到的组件资源，进行组件加载。

2.如权利要求1所述的方法，其特征在于，所述网络状态包含网络速度；

根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源，具体包括：

根据所述组件获取请求中包含的所述客户端的网络速度，确定所述网络速度落入的区间范围；

根据各区间范围与各版本的组件资源的对应关系，从所述组件对应的若干版本的组件资源中，确定对应所述网络速度的组件资源。

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

当接收到所述客户端发送的页面更新请求时，根据所述页面更新请求中的网络状态以及最近一次接收到的页面获取请求中的网络状态，判断所述客户端的网络状态是否发生变化；

若是，则根据所述页面更新请求中的网络状态，重新从所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源，并返回至所述客户端；

若否，则向所述客户端返回指定信息，以使所述客户端根据所述组件的组件资源进行组件加载，所述指定信息用于表征所述组件资源未发生变化。

4.一种页面组件加载方法，其特征在于，包括：

向服务器发送页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

接收所述服务器返回的所述页面的框架资源，所述框架资源中包含所述页面中组件的组件标识；

根据所述框架资源中所述组件的组件标识以及客户端所处的网络状态，向所述服务器发送组件获取请求；

接收所述服务器返回的所述组件的组件资源，所述组件资源由所述服务器根据所述客户端所处的网络状态，从所述组件对应的各版本的组件资源中确定的，其中，不同版本的组件资源对应不同的网络状态；

根据接收到的所述组件的组件资源，进行组件加载。

5.如权利要求4所述的方法，其特征在于，所述框架资源中还包括同步组件的组件资源；

所述方法还包括：

根据接收到的所述页面的框架资源，渲染展示所述页面的页面框架以及所述同步组件。

6.如权利要求4所述的方法，其特征在于，所述页面中包含多个组件；

所述方法还包括：

针对页面中的每个组件，向所述服务器发送用于获取该组件的组件获取请求，其中，所述组件获取请求中包含该组件的组件标识以及所述客户端的网络状态；

接收所述服务器返回的该组件的组件资源，并根据接收到该组件的组件资源，加载该组件。

7.一种页面组件加载装置，其特征在于，具体包括：

第一接收模块，接收客户端发送的页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

第一确定模块，根据所述页面获取请求中包含的页面标识，确定所述页面的框架资源，并将确定出的所述页面的框架资源返回至所述客户端；

第二接收模块，接收所述客户端发送的组件获取请求，所述组件获取请求中包含所述组件的组件标识以及所述客户端的网络状态；

第二确定模块，根据所述组件获取请求中包含的所述组件的组件标识，确定所述组件对应的若干版本的组件资源，其中，不同版本的组件资源对应不同的网络状态；

第三确定模块，根据所述组件获取请求中包含的所述客户端的网络状态，从确定出的所述组件对应的若干版本的组件资源中，确定对应所述网络状态的组件资源；

加载模块，将确定出的组件资源返回至所述客户端，以使所述客户端根据接收到的组件资源，进行组件加载。

8.一种页面组件加载装置，其特征在于，具体包括：

第一发送模块，向服务器发送页面获取请求，所述页面获取请求中包含待加载页面的页面标识；

第一接收模块，接收所述服务器返回的所述页面的框架资源，所述框架资源中包含所述页面中组件的组件标识；

第二发送模块，根据所述框架资源中所述组件的组件标识以及客户端所处的网络状态，向所述服务器发送组件获取请求；

第二接收模块，接收所述服务器返回的所述组件的组件资源，所述组件资源由所述服务器根据所述客户端所处的网络状态，从不同网络状态对应的各版本的组件资源中确定的；

加载模块，根据接收到的所述组件的组件资源，进行组件加载。

9.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1-3或权利要求4-6任一所述的方法。

10.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现上述权利要求1-3或权利要求4-6任一所述的方法。

Images