CN112559086B - 小程序页面渲染方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本申请公开了一种小程序页面渲染方法、装置、电子设备及可读存储介质，可应用于包括但不限于云平台、云服务、云存储等场景。具体实现方案为：接收对小程序的页面跳转请求；响应于所述页面跳转请求，检测目标跳转页面的页面资源是否已预加载；在检测到所述目标跳转页面的页面资源已预加载的情况下，利用已预加载的页面资源对所述目标跳转页面进行渲染。根据本申请中的方案，可以提高页面渲染速度。

Description

小程序页面渲染方法、装置、电子设备及可读存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种小程序页面渲染方法、装置、电子设备及可读存储介质。

背景技术

小程序是一种通过渲染层和逻辑层物理隔离的可离线运行的应用。由于小程序架构的运行方式，目前小程序的逻辑线程和渲染线程均为串行过程。由此，小程序在进行页面跳转时，需要先加载完页面渲染所需的页面样式文件、自定义组件等之后，才能进行页面渲染。

发明内容

本公开提供了一种用于小程序页面渲染的方法、装置、电子设备及可读存储介质。

根据本公开的一方面，提供了一种小程序页面渲染方法，包括：

接收对小程序的页面跳转请求；

响应于所述页面跳转请求，检测目标跳转页面的页面资源是否已预加载；

在检测到所述目标跳转页面的页面资源已预加载的情况下，利用已预加载的页面资源对所述目标跳转页面进行渲染。

根据本公开的另一方面，提供了一种小程序页面渲染方法，包括：

向终端发送小程序的目标页面信息；

其中，所述目标页面信息用于所述终端进行页面资源的预加载，并在接收对所述小程序的页面跳转请求后，利用已预加载的页面资源对目标跳转页面进行渲染。

根据本公开的另一方面，提供了一种小程序页面渲染装置，包括：

第一接收模块，用于接收对小程序的页面跳转请求；

检测模块，用于响应于所述页面跳转请求，检测目标跳转页面的页面资源是否已预加载；

渲染模块，用于在检测到所述目标跳转页面的页面资源已预加载的情况下，利用已预加载的页面资源对所述目标跳转页面进行渲染。

根据本公开的另一方面，提供了一种小程序页面渲染装置，包括：

发送模块，用于向终端发送小程序的目标页面信息；

其中，所述目标页面信息用于所述终端进行页面资源的预加载，并在接收对所述小程序的页面跳转请求后，利用已预加载的页面资源对目标跳转页面进行渲染。

根据本公开的另一方面，提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上所述的方法。

根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行如上所述的方法。

根据本公开的另一方面，提供了一种计算机程序产品，所述计算机程序产品中存储有程序或指令，所述程序或指令被处理器执行时实现如上所述的方法。

根据本申请的技术解决了目前在进行页面跳转时的页面渲染速度较慢的问题，提高了页面渲染速度。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1是本申请实施例提供的一种小程序页面渲染方法的流程图；

图2是本申请实施例提供的另一种小程序页面渲染方法的流程图；

图3是本申请实例中的小程序页面渲染过程的流程示意图；

图4是本申请实施例提供的一种小程序页面渲染装置的结构示意图；

图5是本申请实施例提供的另一种小程序页面渲染装置的结构示意图；

图6是用来实现本申请实施例的小程序页面渲染方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例可以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。说明书以及权利要求中“和/或”表示所连接对象的至少其中之一。

首先指出的，本申请实施例中的小程序页面渲染方法可应用于云平台、云服务、云存储等场景。

请参见图1，图1是本申请实施例提供的一种小程序页面渲染方法的流程图，该方法应用于终端，该终端也可称为客户端。如图1所示，该方法包括如下步骤：

步骤11：接收对小程序的页面跳转请求。

本实施例中，在打开小程序首次页面之后，可以通过用户操作向终端输入针对小程序的页面跳转请求。相应的，终端接收页面跳转请求。

一具体示例中，用户可以直接对小程序进行操作，以输入针对该小程序的页面跳转请求，也可以对其他应用程序进行操作，以调用小程序并输入针对该小程序的页面跳转请求。

步骤12：响应于页面跳转请求，检测目标跳转页面的页面资源是否已预加载。

本实施例中，目标跳转页面可以理解为即将跳转到的页面。在接收到对小程序的页面跳转请求之后，即可检测目标跳转页面的页面资源是否已预加载。其中，若检测到目标跳转页面的页面资源已预加载，则可以直接利用已预加载的页面资源对目标跳转页面进行渲染；否则，若检测到目标跳转页面的页面资源没有预加载，则需先加载完页面渲染所需的页面样式文件、自定义组件等资源之后，再对目标跳转页面进行渲染。

步骤13：在检测到目标跳转页面的页面资源已预加载的情况下，利用已预加载的页面资源对所述目标跳转页面进行渲染。

可选的，上述已预加载的页面资源可以包括但不限于目标跳转页面的页面样式文件、模板文件和/或所依赖的自定义组件等。

本申请实施例的小程序页面渲染方法，在接收到对小程序的页面跳转请求之后，可以检测目标跳转页面的页面资源是否已预加载，并在目标跳转页面的页面资源已预加载的情况下，直接利用已预加载的页面资源对目标跳转页面进行渲染。由此，相比于目前的先加载完页面渲染所需的页面样式文件、自定义组件等之后才能进行页面渲染，可以提高页面渲染速度。进一步的通过提高页面渲染速度，还可以优化小程序的页面跳转性能，从而提升小程序的用户体验。

本申请实施例中，为了实现利用已预加载的页面资源进行页面渲染，在接收到页面跳转请求之前，需先进行相应页面的页面资源的预加载。

可选的，本实施例中的小程序页面渲染方法还可以包括：从云端获取小程序的目标页面信息，并利用该目标页面信息，进行页面资源的预加载。这样，在接收到页面跳转请求之后，便于利用已预加载的页面资源进行页面渲染，从而提高页面渲染速度。

可选的，上述目标页面信息可以为：访问量(Page View，PV)达到预设要求的页面的跳转信息。该预设要求可以基于实际需求设置。

比如，该预设要求为：将访问量达到阈值1的页面的跳转信息作为目标页面信息，即若某页面的访问量达到该阈值1，则可以将该页面的跳转信息作为目标页面信息。

这样，由于页面的访问量可以衡量用户对该页面的感兴趣程度，即访问量越大，感兴趣程度越高，且用户常常打开感兴趣页面，因此借助访问量来确定目标页面信息，可以使得预加载的页面资源被使用的概率大，从而有效提升页面资源预加载的命中率，在用户真正打开页面时节省资源串行加载的时间，优化加载流程，提升页面渲染速度。

一具体实例中，从云端获取的目标页面信息可以满足如下要求：该目标页面信息对应的页面的总访问量与相应小程序的所有页面的总访问量的比值超过预设阈值。该预设阈值比如为80％、85％等。此时，该目标页面信息可理解为相应小程序的访问量前N的页面的跳转信息，可以称为TOP N列表信息。

例如，假设依据访问量的从大到小对小程序A的页面进行排序，且排序列表中的前5页面分别为页面1、页面2、页面3、页面4和页面5，且页面1的访问量占小程序A的所有页面的总访问量(以下简称：总访问量)的40％，页面2的访问量占总访问量的30％，页面3的访问量占总访问量的比值为12％，页面4的访问量占总访问量的10％，页面5的访问量占总访问量的2％，则：

1)如果上述预设阈值取值为80％，则由于40％+30％+12％>80％，可以将页面1、页面2和页面3的页面跳转信息作为小程序A的目标页面信息，即将小程序A的访问量前3的页面的跳转信息作为目标页面信息；

2)如果上述预设阈值取值为85％，则由于40％+30％+12％+10％>85％，可以将页面1、页面2、页面3和页面4的页面跳转信息作为小程序A的目标页面信息，即将小程序A的访问量前4的页面的跳转信息作为目标页面信息。

需指出的，为了避免预加载的页面资源对应的页面较为分散，上述目标页面信息对应的页面的数量N不易过大。特别的，可以设定N的最大阈值为5。

这样，可以实现精准刻画小程序维度下TOP N页面，并对TOP N页面跳转中使用的页面资源进行预加载，从而有效提升页面资源预加载的命中率，在用户真正打开页面时节省资源串行加载的时间，优化加载流程，提升页面渲染速度。

本申请实施例中，在从云端获取小程序的目标页面信息时，可以在小程序启动后直接接收云端下发的该小程序的目标页面信息，也可以基于请求从云端获取小程序的目标页面信息，本实施例不对此进行限制。

可选的，当基于请求从云端获取小程序的目标页面信息时，终端可以先向云端发送小程序的标识信息，然后接收云端根据该标识信息下发的该小程序的目标页面信息。即在本实施例中，云端可以依据小程序的标识信息，查询获取该小程序的目标页面信息，并将获取到的该小程序的目标页面信息下发至终端。这样借助小程序的标识信息，可以使得终端准确获取相应小程序的目标页面信息。

一具体示例中，上述小程序的标识信息为小程序的名称Appkey。

本申请实施例中，基于页面渲染的需求，即在页面渲染之前需先加载相应页面的页面样式文件、模板文件和/或所依赖的自定义组件等页面资源，上述利用目标页面信息，进行页面资源的预加载的过程可以包括：

依据目标页面信息中的每一个页面的页面路径，预加载以下至少一项：

每一个页面的页面样式文件；

每一个页面的模板文件；

每一个页面所依赖的自定义组件。

其中，上述页面路径可理解为页面的地址。上述页面路径可以为相对路径或者绝对路径。相对路径是指相对于当前页面要打开的页面所处的位置，比如是上一级还是某个子目录中。绝对路径是指一个固定的地址，通常为页面的网址。

本申请实施例中，当检测目标跳转页面的页面资源是否已预加载时，可以根据目标跳转页面的页面路径来检测。上述步骤12中的检测目标跳转页面的页面资源是否已预加载的过程可以包括：

根据目标跳转页面的页面路径，检测内存中是否存储有该目标跳转页面的页面资源。该页面资源可以包括但不限于目标跳转页面的页面样式文件、模板文件和/或所依赖的自定义组件等。

其中，当内存中存储有目标跳转页面的页面资源时，可以表示目标跳转页面的页面资源已预加载；或者，当内存中没有存储有目标跳转页面的页面资源时，可以表示目标跳转页面的页面资源没有预加载。

这样，由于页面路径为相应页面的地址，可以唯一表征相应页面，因此根据目标跳转页面的页面路径，可以准确检测到目标跳转页面的页面资源是否已预加载。

请参见图2，图2是本申请实施例提供的另一种小程序页面渲染方法的流程图，该方法应用于云端，该云端也可称为云端服务器。如图2所示，该方法包括如下步骤：

步骤21：向终端发送小程序的目标页面信息。

本实施例中，该目标页面信息用于终端进行页面资源的预加载，并在接收对小程序的页面跳转请求后，利用已预加载的页面资源对目标跳转页面进行渲染。

本申请实施例的小程序页面渲染方法，通过向终端发送小程序的目标页面信息，可以使得终端利用该目标页面信息进行页面资源的预加载，从而在接收对小程序的页面跳转请求之后，可以直接利用已预加载的页面资源对目标跳转页面进行渲染，从而提高页面渲染速度。

可选的，在向终端发送小程序的目标页面信息之前，本实施例中的小程序页面渲染方法还可以包括：

接收终端发送的小程序的标识信息；比如，该标识信息可以为小程序的名称Appkey；

根据所述小程序的标识信息，确定所述目标页面信息；

向终端发送所述目标页面信息。

也就是说，在本实施例中，云端可以依据小程序的标识信息，查询获取该小程序的目标页面信息，并将获取到的该小程序的目标页面信息下发至终端。这样借助小程序的标识信息，可以使得终端准确获取相应小程序的目标页面信息。

可选的，本实施例中的小程序页面渲染方法还可以包括：

收集小程序的页面跳转信息；

对该页面跳转信息进行分类，得到每一个页面路径下的页面跳转信息；

依据每一个页面路径下的页面跳转信息，选取目标页面信息。

其中，云端在收集小程序的页面跳转信息时，可以接收终端上报的小程序的页面跳转信息。之后，云端可以对接收到的页面跳转信息进行离线处理，并基于小程序的标识信息比如Appkey进行存储，以区分不同小程序的页面跳转信息。对同一个小程序维度下的页面跳转信息，云端可以基于页面路径进行聚类，以得到每一个页面路径下的页面跳转信息。

其中，上述目标页面信息可以为：访问量达到预设要求的页面的跳转信息。该预设要求可以基于实际需求设置。比如，该预设要求为：将访问量达到阈值1的页面的跳转信息作为目标页面信息，即若某页面的访问量达到该阈值1，则可以将该页面的跳转信息作为目标页面信息。这样，由于页面的访问量可以衡量用户对该页面的感兴趣程度，即访问量越大，感兴趣程度越高，且用户常常打开感兴趣页面，因此借助访问量来确定目标页面信息，可以使得预加载的页面资源被使用的概率大，从而有效提升页面资源预加载的命中率，在用户真正打开页面时节省资源串行加载的时间，优化加载流程，提升页面渲染速度。

可选的，上述目标页面信息对应的页面的总访问量与相应小程序的所有页面的总访问量的比值超过预设阈值。该预设阈值比如为80％、85％等。此时，该目标页面信息可理解为相应小程序的访问量前N的页面的跳转信息，可以称为TOP N页面信息。

下面结合图3对本申请实施例中的小程序页面渲染过程进行说明。

本申请实施例中，对于小程序页面渲染过程，可以分为两大部分，分别为预处理信息获取&处理环节，以及小程序运行环节。如图3所示，具体方案包括如下步骤：

S1：终端收集小程序的页面跳转信息。此步骤中，可以是多个终端分别收集小程序的页面跳转信息。

可选的，该页面跳转信息可以是在小程序跳转过程中收集的，包括但不限于小程序Appkey、页面路径和查询信息等关键信息。

S2：终端上报收集的页面跳转信息至云端。

S3：云端离线处理接收到的页面跳转信息；此离线处理过程可包括：

S31：针对接收到的页面跳转信息，基于小程序Appkey进行存储，以区分不同小程序的页面跳转信息；

S32：对同一个小程序维度下的页面跳转信息，基于页面路径进行聚类，以得到每一个页面路径下的页面跳转信息；

S33：依据每一个页面路径下的页面跳转信息，选取TOP页面信息即目标页面信息；比如，该TOP页面信息对应的页面的总访问量与相应小程序的所有页面的总访问量的比值超过80％。

S4：云端依据小程序Appkey下发TOP页面信息，以由终端预先实现部分渲染线程。

S5：终端通过小程序Appkey从云端获取TOP页面信息，并进行页面资源的预加载；比如依据页面路径，首先预加载页面样式文件和模板文件即预加载app.css&page.css&page.swan，然后预加载对应页面所依赖的自定义组件。

其中，上述的S1至S5为预处理信息获取&处理环节，以下的S6为小程序运行环节。

S6：在小程序运行环节，利用已预加载的页面资源进行页面渲染。

此S6中，在接收到页面跳转请求之后，即打开小程序进行页面跳转时，检测当前页面(即目标跳转页面)的页面资源是否已预加载；若检测到当前页面的页面资源已预加载，则直接利用已预加载的页面资源并结合初始化数据进行渲染；否则，若检测到当前页面的页面资源没有预加载，则需先加载完页面渲染所需的页面样式文件、模板文件、自定义组件等页面资源之后，再结合初始化数据进行渲染。

需指出的，本申请实施例中，如图3所示，对于小程序运行环节，可以分为逻辑线程和渲染线程。在逻辑线程中，可以执行如下操作：触发路由应用程序接口(ApplicationProgramming Interface，API)、收集初始化数据initData、运行函数Page.onInit()、运行函数Page.onLoad()、请求页面真实数据等。在渲染线程中，可以依次执行如下操作：S61：检测当前页面的页面资源是否已预加载，若已预加载则直接执行S63，否则执行S62；S62：加载app.css&page.css&page.swan，以及加载对应页面所依赖的自定义组件；S63：获取initData，并等待代码、组件加载完毕；S64：构建渲染dom tree；S65：触发首次内容绘制，此多为静态内容；S66：触发逻辑线程中的运行函数Page.onLoad()和请求页面真实数据；S67：触发页面真实数据绘制。

请参见图4，图4是本申请实施例提供的一种小程序页面渲染装置的结构示意图，如图4所示，该小程序页面渲染装置40包括：

第一接收模块41，用于接收对小程序的页面跳转请求；

检测模块42，用于响应于所述页面跳转请求，检测目标跳转页面的页面资源是否已预加载；

渲染模块43，用于在检测到所述目标跳转页面的页面资源已预加载的情况下，利用已预加载的页面资源对所述目标跳转页面进行渲染。

可选的，该小程序页面渲染装置40还包括：

获取模块，用于从云端获取所述小程序的目标页面信息；其中，所述目标页面信息为：访问量达到预设要求的页面的跳转信息；

预加载模块，用于利用所述目标页面信息，进行页面资源的预加载。

可选的，所述目标页面信息对应的页面的总访问量与所述小程序的页面的总访问量的比值超过预设阈值。

可选的，所述预加载模块具体用于：依据所述目标页面信息中的每一个页面的页面路径，预加载以下至少一项：

所述每一个页面的页面样式文件；

所述每一个页面的模板文件；

所述每一个页面所依赖的自定义组件。

可选的，所述获取模块包括：

第一发送单元，用于向所述云端发送所述小程序的标识信息；

第一接收单元，用于接收所述云端根据所述标识信息下发的所述目标页面信息。

可选的，所述检测模块42还用于：

根据所述目标跳转页面的页面路径，检测内存中是否存储有所述目标跳转页面的页面资源；

其中，当所述内存中存储有所述目标跳转页面的页面资源时，表示所述目标跳转页面的页面资源已预加载；或者，当所述内存中没有存储有所述目标跳转页面的页面资源时，表示所述目标跳转页面的页面资源没有预加载。

可理解的，本申请实施例的小程序页面渲染装置40，可以实现上述图1所示方法实施例中实现的各个过程，以及达到相同的有益效果，为避免重复，这里不再赘述。

请参见图5，图5是本申请实施例提供的一种小程序页面渲染装置的结构示意图，如图5所示，该小程序页面渲染装置50包括：

发送模块51，用于向终端发送小程序的目标页面信息；

其中，所述目标页面信息用于所述终端进行页面资源的预加载，并在接收对所述小程序的页面跳转请求后，利用已预加载的页面资源对目标跳转页面进行渲染。

可选的，该小程序页面渲染装置50还包括：

第二接收模块，用于接收所述终端发送的所述小程序的标识信息；

确定模块，用于根据所述小程序的标识信息，确定所述目标页面信息。

可选的，该小程序页面渲染装置50还包括：

收集模块，用于收集所述小程序的页面跳转信息；

分类模块，用于对所述页面跳转信息进行分类，得到每一个页面路径下的页面跳转信息；

选取模块，用于依据所述每一个页面路径下的页面跳转信息，选取所述目标页面信息；其中，所述目标页面信息为：访问量达到预设要求的页面的跳转信息。

可选的，所述目标页面信息对应的页面的总访问量与所述小程序的页面的总访问量的比值超过预设阈值。

可理解的，本申请实施例的小程序页面渲染装置50，可以实现上述图2所示方法实施例中实现的各个过程，以及达到相同的有益效果，为避免重复，这里不再赘述。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图6示出了可以用来实施本申请的实施例的示例电子设备600的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图6所示，设备600包括计算单元601，其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序，来执行各种适当的动作和处理。在RAM 603中，还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

设备600中的多个部件连接至I/O接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元608，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如小程序页面渲染方法。例如，在一些实施例中，小程序页面渲染方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时，可以执行上文描述的小程序页面渲染方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行小程序页面渲染方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、互联网和区块链网络。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务(“Virtual Private Server”，或者简称为“VPS”)中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (12)

1.一种小程序页面渲染方法，包括：

接收对小程序的页面跳转请求；

响应于所述页面跳转请求，检测目标跳转页面的页面资源是否已预加载；

在检测到所述目标跳转页面的页面资源已预加载的情况下，利用已预加载的页面资源对所述目标跳转页面进行渲染；

其中，所述方法还包括：

从云端获取所述小程序的目标页面信息；其中，所述目标页面信息为：访问量达到预设要求的页面的跳转信息；

利用所述目标页面信息，进行页面资源的预加载；

其中，

所述目标页面信息对应的页面的总访问量与所述小程序的页面的总访问量的比值超过预设阈值；

其中，所述利用所述目标页面信息，进行页面资源的预加载，包括：

依据所述目标页面信息中的每一个页面的页面路径，预加载以下至少一项：

所述每一个页面的页面样式文件；

所述每一个页面的模板文件；

所述每一个页面所依赖的自定义组件。

2.根据权利要求1所述的方法，其中，所述从云端获取所述小程序的目标页面信息，包括：

向所述云端发送所述小程序的标识信息；

接收所述云端根据所述标识信息下发的所述目标页面信息。

3.根据权利要求1所述的方法，其中，所述检测目标跳转页面的页面资源是否已预加载，包括：

根据所述目标跳转页面的页面路径，检测内存中是否存储有所述目标跳转页面的页面资源；

其中，当所述内存中存储有所述目标跳转页面的页面资源时，表示所述目标跳转页面的页面资源已预加载；或者，当所述内存中没有存储有所述目标跳转页面的页面资源时，表示所述目标跳转页面的页面资源没有预加载。

4.一种小程序页面渲染方法，包括：

向终端发送小程序的目标页面信息；

其中，所述目标页面信息用于所述终端进行页面资源的预加载，并在接收对所述小程序的页面跳转请求后，利用已预加载的页面资源对目标跳转页面进行渲染；

其中，所述方法还包括：

收集所述小程序的页面跳转信息；

对所述页面跳转信息进行分类，得到每一个页面路径下的页面跳转信息；

依据所述每一个页面路径下的页面跳转信息，选取所述目标页面信息；其中，所述目标页面信息为：访问量达到预设要求的页面的跳转信息；

其中，所述目标页面信息对应的页面的总访问量与所述小程序的页面的总访问量的比值超过预设阈值。

5.根据权利要求4所述的方法，其中，所述向终端发送小程序的目标页面信息之前，所述方法包括：

接收所述终端发送的所述小程序的标识信息；

根据所述小程序的标识信息，确定所述目标页面信息；

向所述终端发送所述目标页面信息。

6.一种小程序页面渲染装置，包括：

第一接收模块，用于接收对小程序的页面跳转请求；

检测模块，用于响应于所述页面跳转请求，检测目标跳转页面的页面资源是否已预加载；

渲染模块，用于在检测到所述目标跳转页面的页面资源已预加载的情况下，利用已预加载的页面资源对所述目标跳转页面进行渲染；

其中，所述装置还包括：

获取模块，用于从云端获取所述小程序的目标页面信息；其中，所述目标页面信息为：访问量达到预设要求的页面的跳转信息；

预加载模块，用于利用所述目标页面信息，进行页面资源的预加载；

其中，所述目标页面信息对应的页面的总访问量与所述小程序的页面的总访问量的比值超过预设阈值；

其中，所述预加载模块具体用于：

依据所述目标页面信息中的每一个页面的页面路径，预加载以下至少一项：

所述每一个页面的页面样式文件；

所述每一个页面的模板文件；

所述每一个页面所依赖的自定义组件。

7.根据权利要求6所述的装置，其中，所述获取模块包括：

第一发送单元，用于向所述云端发送所述小程序的标识信息；

第一接收单元，用于接收所述云端根据所述标识信息下发的所述目标页面信息。

8.根据权利要求6所述的装置，其中，所述检测模块还用于：

根据所述目标跳转页面的页面路径，检测内存中是否存储有所述目标跳转页面的页面资源；

其中，当所述内存中存储有所述目标跳转页面的页面资源时，表示所述目标跳转页面的页面资源已预加载；或者，当所述内存中没有存储有所述目标跳转页面的页面资源时，表示所述目标跳转页面的页面资源没有预加载。

9.一种小程序页面渲染装置，包括：

发送模块，用于向终端发送小程序的目标页面信息；

其中，所述目标页面信息用于所述终端进行页面资源的预加载，并在接收对所述小程序的页面跳转请求后，利用已预加载的页面资源对目标跳转页面进行渲染；

其中，所述装置还包括：

收集模块，用于收集所述小程序的页面跳转信息；

分类模块，用于对所述页面跳转信息进行分类，得到每一个页面路径下的页面跳转信息；

选取模块，用于依据所述每一个页面路径下的页面跳转信息，选取所述目标页面信息；其中，所述目标页面信息为：访问量达到预设要求的页面的跳转信息；

其中，

所述目标页面信息对应的页面的总访问量与所述小程序的页面的总访问量的比值超过预设阈值。

10.根据权利要求9所述的装置，还包括：

第二接收模块，用于接收所述终端发送的所述小程序的标识信息；

确定模块，用于根据所述小程序的标识信息，确定所述目标页面信息。

11.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-3中任一项所述的方法，或者执行权利要求4-5中任一项所述的方法。

12.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行权利要求1-3中任一项所述的方法，或者执行权利要求4-5中任一项所述的方法。