CN112784200A - 页面数据处理方法、装置、设备、介质和计算机程序产品 - Google Patents

Abstract

本公开公开了页面数据处理方法、装置、设备、介质和计算机程序产品，涉及计算机技术领域，尤其涉及云平台和云计算领域。具体实现方案为：通过调用小程序的视图渲染数据接口，接收来自小程序开发服务器的渲染数据；从视图渲染数据接口的属性信息中获取预设的首屏标识，并根据首屏标识识别当前接收的渲染数据在小程序首屏页面的优先渲染需求；对具有优先渲染需求的渲染数据进行优先渲染，得到具有优先渲染需求的渲染数据的渲染结果。根据该方案可以提升小程序的启动性能。

Description

页面数据处理方法、装置、设备、介质和计算机程序产品

技术领域

本公开涉及计算机技术领域，尤其涉及云平台和云计算领域，特别涉及一种页面数据处理方法、装置、设备、介质和计算机程序产品。

背景技术

小程序是一种无需下载和安装就可以使用的应用(Application，APP)。随着计算机技术和网络技术的不断发展，越来越多的开发者通过在终端设备上运行不同的小程序，来为用户提供差异化的网络服务。

在小程序运行过程中，首屏页面的快速加载和显示，对于提升小程序的启动性能和用户体验，具有重要意义。

发明内容

本公开提供了一种页面数据处理方法、装置、设备、介质和计算机程序产品。

根据本公开的第一方面，提供了一种页面数据处理方法，包括：通过调用小程序的视图渲染数据接口，接收来自小程序开发服务器的渲染数据；从视图渲染数据接口的属性信息中获取预设的首屏标识，并根据首屏标识识别当前接收的渲染数据在小程序首屏页面的优先渲染需求；对具有优先渲染需求的渲染数据进行优先渲染，得到具有优先渲染需求的渲染数据的渲染结果。

根据本公开的第二方面，提供了一种页面数据处理装置，包括：数据接收模块，用于通过调用小程序的视图渲染数据接口，接收来自小程序开发服务器的渲染数据；标识获取模块，用于从所述视图渲染数据接口的属性信息中获取预设的首屏标识，并根据所述首屏标识识别当前接收的渲染数据在小程序首屏页面的优先渲染需求；首屏渲染模块，用于对具有所述优先渲染需求的渲染数据进行优先渲染，得到所述具有所述优先渲染需求的渲染数据的渲染结果。

根据本公开的第三方面，提供了一种电子设备，其包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行上述任意一种页面数据处理方法。

根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，计算机指令用于使计算机执行页面数据处理方法中任一项的页面数据处理方法。

根据本公开的第五方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现上述页面数据处理方法中任一项的页面数据处理方法。

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

附图说明

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

图1是根据本公开实施例的场景示意图；

图2是根据示例性实施例的基于HTML5技术进行首页渲染和绘制得到的首屏页面的示意图；

图3是根据本公开一实施例的页面数据处理方法的流程示意图；

图4是根据本公开另一实施例的页面数据处理方法的流程示意图。

图5是根据本公开实施例的页面数据处理装置的结构示意图；

图6是用来实现本公开实施例的页面数据处理方法的电子设备的框图。

具体实施方式

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

在不冲突的情况下，本公开各实施例及实施例中的各特征可相互组合。如本文所使用的，术语“和/或”包括一个或多个相关列举条目的任何和所有组合。

本文所使用的术语仅用于描述特定实施例，且不意欲限制本公开。如本文所使用的，单数形式“一个”和“该”也意欲包括复数形式，除非上下文另外清楚指出。还将理解的是，当本说明书中使用术语“包括”和/或“由……制成”时，指定存在特征、整体、步骤、操作、元件和/或组件，但不排除存在或添加一个或多个其它特征、整体、步骤、操作、元件、组件和/或其群组。

图1是本公开实施例的场景示意图。在图1中所示的场景中，包括：终端设备10和开发者服务器20。

其中，终端设备10，可以用于运行小程序，例如在社交应用类小程序、地图应用类小程序、搜索类小程序、购物类小程序和文库类小程序等多种类型的小程序。

开发者服务器20，可以用于响应终端设备10发送的网络请求，向终端设备10返回对应的页面渲染数据。

应该理解，图1中的设备的数目仅仅是示意性的。根据实际应用需要，可以进行灵活调整。例如，开发者服务器20可以是由一台服务设备构成，或者可以是在云端的服务器，也可以是多台服务设备构成的服务器集群。具体可以根据需求灵活配置，此方面内容不做限制。

在本公开实施例中，小程序是一种通过渲染层和逻辑层物理隔离的可纯离线工作的应用。小程序的首屏页面可以是指导航(跳转)至小程序落地页后首先呈现的页面。落地页可以用于表示独立的网页，并可以用于营销或广告活动，例如用户或访问者通过点击搜索出来的广告或通过付费搜索渠道点击进入的页面。

在一些应用场景中，基于面向前端的语言(例如JavaScript，简称JS)扩展的领域专用语言(Domain Specified Language，DSL)语法，以及依托原声应用程序(Natice App，NA)化等技术能力的加持，小程序可以拥有更为接近基于超文本标记语言5.0(HTML5，简称H5)页面的开发效率，以及无限接近NA的用户体验。

小程序渲染层和逻辑层隔离的运行方式，决定了小程序渲染需要通过小程序框架进行数据驱动，例如：基于模型-视图-视图模型框架(Model-View-ViewModel，MVVM)框架的数据驱动。示例性地，MVVM框架由视图(View)、视图模型(ViewModel)、模型(Model)三部分组成，通过这三部分实现用户界面(User Interface，UI)逻辑、呈现逻辑和状态控制、数据与业务逻辑的分离。

下面结合图2，描述基于HTML5技术进行首屏渲染和绘制的方法流程。图2示出示例性实施例的HTML5技术的首页渲染方法的流程示意图。

在图2中，示出了基于HTML5技术的首屏页面内容。如图2所示，该首屏页面内容可以包括多种类型内容，例如图片内容test1.pic、文本内容例如test4.txt、链接内容test2.url、test3.url、test5.url。应理解，本公开实施例对首屏页面内容包含的具体内容不做具体限定。

示例性地，对于HTML5的首屏页面进行渲染的步骤具体可以包括如下步骤。

S11，接收应用服务端分段返回的页面数据。

具体地，在接收到的页面数据中，首屏数据为优先返回的数据。

S12，根据首屏数据，在首屏页面的预定位插入首屏渲染标签。

例如，在HTML首屏预定位置插入<firstpaint>标签，以用于标识该首屏数据，该预定位置可以是首屏页面的卡片组件所在位置。

S13，内核解析首屏渲染标签，并对首屏渲染标签标记的首屏数据进行优先渲染和绘制，得到绘制的首屏页面。

在上述HTML5的首屏页面的渲染过程中，由应用服务端返回首屏数据，而在小程序应用场景中，终端设备作为运行小程序的客户端设备，接收来自开发服务器发送的小程序渲染数据，由于小程序的渲染层和逻辑层隔离，小程序框架在小程序页面内容渲染之前，无法准确感知页面内容，从而造成结合图2描述的对首屏页面进行渲染的方法流程无法实施。

在本公开实施例中，小程序运行场景中，通常受限于手机等终端设备屏幕的硬件物理尺寸，一次绘制的页面内容不会超过屏幕高度，例如小于或等于屏幕高度。因此，在小程序场景如何准确感知小程序的首屏页面，从而快速渲染首屏页面，对于提升小程序的页面到达率和提升小程序的用户体验都具有十分重要的意义。

图3是根据本公开一实施例的页面数据处理方法的流程示意图。

第一方面，参照图3，本公开实施例提供一种页面数据处理方法，该方法可以包括如下步骤。

S310，通过调用小程序的视图渲染数据接口，接收来自小程序开发服务器的渲染数据。

S320，从视图渲染数据接口的属性信息中获取预设的首屏标识，并根据首屏标识识别当前接收的渲染数据在小程序首屏页面的优先渲染需求。

S330，对具有优先渲染需求的渲染数据进行优先渲染，得到具有优先渲染需求的渲染数据的渲染结果。

根据本公开实施例的页面数据处理方法，小程序的视图渲染数据接口传递来自小程序开发服务器的渲染数据，针对本次接收的渲染数据，可以根据视图渲染数据接口的属性信息中预设的首屏标识(firstpaint)，识别该渲染数据的优先渲染需求，通过小程序框架对接收到的具有优先渲染需求的渲染数据进行优先渲染，从而得到该小程序的首屏页面的具有优先渲染需求的渲染数据的渲染结果。

在该页面数据处理方法中，可以通过在视图渲染数据接口的属性信息中预先设置的首屏标识，对接收到的渲染数据的优先渲染需求进行识别，从而解决小程序框架在小程序页面内容渲染之前，无法准确感知首屏页面内容的问题，并且，在该方法中，在确定接收到的渲染数据具有优先渲染需求的情况下，通过小程序框架对接收到的渲染数据进行优先渲染，实现优先调度需要进行首屏渲染的内容，提升小程序启动性能，改善小程序用户的启动性能体验。

在一些实施例中，该页面数据处理方法可以应用于小程序的小程序框架，视图渲染数据接口，是通过小程序框架文件提供的setData接口。通过调用setData接口，可以将来自开发者服务器的数据传递到渲染层，从而触发小程序框架根据setData接口传递的数据进行界面渲染并绘制显示，实现页面视图更新。

在一些实施例中，首屏标识，是预先根据业务需要配置具有优先渲染需求的渲染数据，并根据配置的具有优先渲染需求的渲染数据，在小程序的视图渲染数据接口的属性信息中添加的开发者自定义属性信息。

在该实施例中，首屏标识可以理解为是开发者表达的首屏页面渲染的自定义属性信息，预先在小程序框架提供的视图渲染数据接口的属性信息中增加该首屏标识，以用于识别该首屏标识所属的视图渲染数据接口当前接收到的渲染数据是否具有优先渲染需求。

在小程序应用场景中，小程序可以通过调用小程序框架提供的组件和应用程序编程接口(Application Programming Interface，API)，调用setData API。在现有setDataAPI的属性信息中增加首屏标识。

在本公开实施例中，对于通过视图渲染数据接口当前接收的渲染数据，在首屏标识取值为第一值的情况下，用于标识通过首屏标识所属的视图渲染数据接口当前接收到的渲染数据具有优先渲染需求；对于通过视图渲染数据接口当前接收的渲染数据，在首屏标识取值为第二值的情况下，用于标识通过首屏标识所属的视图渲染数据接口当前接收到的渲染数据不具有优先渲染需求。

在一些实施例中，上述第一值不同于第二值，且首屏标识的取值可以开发者自定义，例如可以是数字、字符和布尔(boolean)值中的任一种。

在setData API的属性信息中增加首屏标识firstpaint，作为新增的属性信息。示例性地，firstpaint初始赋值或默认值可以为上述实施例描述的第二值，当firstpaint为boolean型时，firstpaint初始赋值或默认值例如可以为true时，表示默认设置为通过视图渲染数据接口传递的渲染数据不具有优先渲染需求；示例性地，针对视图渲染数据接口传递的具有优先渲染需求的渲染数据，可以在视图渲染数据接口的属性信息中，将firstpaint赋值为上述实施例描述的第一值，当firstpaint为boolean型时，firstpaint例如可以为false；也就是说，根据视图渲染数据接口传递的渲染数据是否具有优先渲染需求，首屏标识可以被预先设置为不同的取值。

应理解，firstpaint初始赋值或默认值的数据类型和具体取值可以根据实际应用场景，进行开发者自定义设置，本公开实施例不做具体限定。

在一些实施例中，优先渲染的总次数为1，且在小程序首屏页面具有优先渲染需求的渲染数据，是预先在所述小程序首屏页面的全部内容渲染数据中，根据业务需求确定的核心内容渲染数据。

在一些实施例中，优先渲染的总次数大于1，且每次优先渲染的在小程序首屏页面具有优先渲染需求的渲染数据，是预先在小程序首屏页面的全部内容渲染数据中根据业务需求确定的第一指定数据，且第一指定数据为小程序首屏页面的全部内容渲染数据的其中一部分。

在一些实施例中，可以根据小程序自身业务需要，仅对小程序首屏页面的预定核心内容进行一次优先渲染，此时，具有优先渲染需求的渲染数据，是预先在小程序首屏页面的全部内容渲染数据中根据业务需求确定的核心内容渲染数据，从而提升首屏页面打开性能和用户打开体验。

也就是说，可以将预设的核心内容作为首屏页面的具有优先渲染需求的内容，并仅对传递该核心内容时setData接口的首屏标识预先设置为预定的第一值，以通过setData接口传递开发者服务器返回的小程序首屏页面的核心内容时，小程序框架通过该首屏标识的取值，能够识别出小程序首屏页面的核心内容的优先渲染需求，并对该核心内容优先进行渲染，得到首屏页面的核心内容的优先渲染结果。

示例性地，为了提高小程序页面打开性能和到达率，并兼顾用户浏览习惯和页面打开体验，例如在电商小程序业务场景中，将首屏页面的图片信息作为核心内容，通过设置视图渲染数据接口的传递该核心内容的首屏标识为预定第一值，可以在小程序框架实现优先渲染首屏页面内容中的图片信息，再渲染首屏页面中的其他信息例如详情信息；例如在广告小程序的业务场景中，可以先渲染首屏页面中的图片信息和/或文字信息，再渲染首屏页面中的广告信息例如横幅图片的广告模式信息(banner)。

在一些实施例中，例如在文库类小程序的业务场景中，首屏页面的全部渲染数据可以通过对应的至少两次视图渲染数据接口调用接收，每次通过视图渲染数据接口传递开发者服务器返回的首屏页面全部渲染数据中的一部分渲染数据，并对每次传递的数据进行渲染，根据至少两次传递的数据的渲染结果，得到首屏页面全部渲染数据的渲染结果，从而根据触发首屏页面渲染的操作，通过多次例如至少两次渲染，得到首屏页面全部渲染数据的全部渲染结果。

示例性地，触发首屏页面渲染的操作，例如可以是首次打开小程序、重启小程序、返回到小程序首页等页面操作。

在一些实施例中，在优先渲染的总次数为1的情况下，通过视图渲染数据接口传递指定数据的次数为1，且指定数据为首屏页面所包含的全部渲染数据；在优先渲染的总次数大于1的情况下，通过视图渲染数据接口传递指定数据的次数大于1，且每次传递的指定数据为首屏页面所包含的全部渲染数据的一部分。

在该实施例中，可以根据对首屏页面的优先渲染的总次数，确定相应的调用视图渲染数据接口传递具有优先渲染需求的数据的总次数。从而实现根据具体业务场景调用视图渲染数据接口，传递指定的具有优先渲染需求的数据，以使首屏页面渲染过程更符合业务场景的业务需求，平衡小程序运行性能和用户体验。

在一些实施例中，上述步骤S330具体可以包括如下步骤。

S21，将当前接收到的具有优先渲染需求的渲染数据所对应的渲染任务，加入预设的高优先级队列；S22，优先处理高优先级队列中的渲染任务，得到高优先级队列中的每个具有优先渲染需求的渲染数据的渲染结果。

在该实施例中，可以将具有优先渲染需求的渲染数据的渲染任务作为高优先级任务，并采用高优先级队列缓存高优先级任务，确保优先渲染具有优先渲染需求的渲染数据的渲染任务，从而小程序框架能够识别首屏页面内容，并提高首屏页面中高优先级任务的渲染速度，提升小程序打开性能。

在一些实施例中，该页面数据处理方法还可以包括如下步骤。

S24，将当前接收到的不具有优先渲染需求的渲染数据所对应的渲染任务，加入预设的普通优先级队列；S25，在高优先级队列中的渲染任务全部处理完成的情况下，依次处理普通优先级队列中的渲染任务，得到普通优先级队列中的每个不具有优先渲染需求的渲染数据的渲染结果。

在该实施例中，可以将不具有优先渲染需求的渲染数据的渲染任务作为普通优先级任务，并采用普通优先级队列缓存普通优先级任务，确保优先渲染完成每个具有优先渲染需求的渲染数据的渲染任务之后，再依次处理普通优先级队列中的普通渲染任务，提高首屏页面渲染速度，提升小程序打开性能。

在一些实施例中，步骤S22，具体可以包括：S31，针对从高优先级队列中获取的每个渲染任务，暂停当前内核中进行的页面布局处理；S32，将页面布局处理和对当前获取的高优先级队列中的渲染任务的处理，进行合并处理；S33，根据每次合并处理的结果，得到高优先级队列中的每个具有优先渲染需求的渲染数据的渲染结果。

在该实施例中，在处理高优先级队列中获取的在首屏页面具有优先渲染需求的渲染数据的渲染任务时，可以暂停当前内核中层叠样式表(Cascading Style Sheets，CSS)布局，布局对象节点的布局layout操作，并将暂停的上述布局操作与高优先级队列中的渲染处理的操作进行合并处理，实现高优先级调度在首屏页面具有优先渲染需求的渲染数据的渲染任务。

在一些实施例中，该页面数据处理方法还可以包括如下步骤。

S41，根据具有优先渲染需求的渲染数据的渲染结果，进行页面绘制；S42，对小程序运行时的线程池队列中的未经处理的普通优先级线程，进行延时处理，以通过中央处理器资源优先调度页面绘制对应的处理线程，得到优先调度的具有优先渲染需求的渲染数据绘制的首屏页面。

在该实施例中，在小程序时可以延时处理中央处理器调度的线程池队列中未进行的普通优先级线程，通过中央处理器资源优先响应页面绘制对应的处理线程，实现高优先级调度在首屏页面具有优先渲染需求的渲染数据的渲染任务，提高小程序打开速度和运行性能。

通过本公开实施例的页面数据处理方法，可以有效解决小程序框架对于小程序首屏页面的感知缺位问题，并通过优先调度开发者表达的首屏页面的具有优先渲染需求的渲染数据，加速小程序首屏页面渲染效率，提升首屏展现速度。

图4是根据本公开另一实施例的页面数据处理方法的流程示意图。

S410，在小程序的视图渲染数据接口的属性信息中，扩展增加首屏标识。

在该步骤中，可以在小程序当前调用的setData API的属性信息中，扩展增加属性信息首屏标识firstpaint，并根据firstpaint标识需要进行首屏渲染的数据内容。

S420，依据业务场景调用视图渲染数据接口，并配置首屏标识。

在一些实施例中，开发者可以根据具体业务场景，标识触发首屏绘制的核心setData操作，为了提升首屏渲染效果，可以仅对首屏核心内容的一次渲染对应的setData操作进行首屏标识。

在另一些实施例中，首屏渲染可以由对多次setData操作传递的数据进行渲染组成，因此，本公开实施例也支持开发者依据业务需要对多个setData操作进行firstpaint标识。

S430，通过小程序前端框架解析视图渲染数据接口的属性信息。

在该步骤中，通过解析视图渲染数据接口的属性信息，得到首屏标识，并根据首屏标识firstpaint所标识的高优先级操作，采用对应的优先队列进行任务缓存。

具体地，可以将识别出的首屏渲染操作的高优先级任务对应的setData操作，与非首屏渲染操作的普通优先级任务对应的setData操作分成两个任务队列：首屏渲染操作的高优先级任务(通过firstpaint的预设第一值进行标识)所在的任务队列为高优先级队列，非首屏渲染操作的普通优先级任务(未通过firstpaint的预设第一值进行标识)所在的任务队列为普通优先级队列。

具体地，对于新产生的首屏渲染操作的高优先级任务，插入到高优先级队列的尾部，对于新产生的非首屏渲染操作的普通优先级任务，则插入到普通优先级队列的尾部。

在一些实施例中，在获取渲染任务时，优先从高优先级队列获取任务进行处理，待高优先级队列处理完毕后再依次处理普通优先级队列。

在一些实施例中，为保证首屏渲染操作的高优先级任务在执行时被快速处理，非首屏渲染操作的普通优先级任务在处理时，需要严格采用串行方式，即，需要在首屏渲染操作的高优先级任务全部处理完成后，再进行非首屏渲染操作的普通优先级任务的调度执行。

S440，小程序运行时，优先调度在首屏页面具有优先渲染需求的渲染数据的渲染任务。

在一些实施例中，为了保证高优先级调度在首屏页面具有优先渲染需求的渲染数据的渲染任务，在获取到首屏渲染操作的高优先级任务的情况下，对当前内核中运行的css布局、layout布局等操作进行暂停处理，并将上述经暂停的操作与首屏渲染操作的高优先级任务进行合并处理，从而得到高优调度在首屏页面具有优先渲染需求的渲染数据的渲染任务的渲染结果，并将该渲染结果进行绘制。

在一些实施例中，为了保证绘制过程中CPU优先对首屏渲染操作的高优先级任务进行响应，小程序运行时可以延时处理线程池队列中未进行的普通优先级操作，以将CPU资源尽可能让度给UI线程进行绘制。

在本公开实施例中，小程序框架可以是swan-js小程序核心框架。小程序对setData API的使用方式可以保持与现有小程序对setData API的使用方式一致，本公开实施例不再赘述。

根据本公开实施例页面数据处理方法，可以通过增加开发者辅助表达的首屏标识，有效解决小程序框架对于小程序首屏页面的感知缺位问题，并通过优先调度开发者表达的首屏页面，加速小程序首屏页面渲染效率，提升首屏展现速度。在实际应用场景中，通过本公开实施例页面数据处理方法，可以优化小程序首屏渲染效率约30％，从而提升小程序用户的启动性能和使用体验。

图5是根据本公开实施例的页面数据处理装置的结构示意图。

第二方面，参照图5，本公开实施例提供一种页面数据处理装置500，该装置可以包括如下模块。

数据接收模块510，用于通过调用小程序的视图渲染数据接口，接收来自小程序开发服务器的渲染数据。

标识获取模块520，用于从所述视图渲染数据接口的属性信息中获取预设的首屏标识，并根据所述首屏标识识别当前接收的渲染数据在小程序首屏页面的优先渲染需求。

首屏渲染模块530，用于对具有所述优先渲染需求的渲染数据进行优先渲染，得到所述具有所述优先渲染需求的渲染数据的渲染结果。

在一些实施例中，首屏标识，是预先根据业务需要配置具有优先渲染需求的渲染数据，并根据配置的具有优先渲染需求的渲染数据，在小程序的视图渲染数据接口的属性信息中添加的开发者自定义属性信息。

在一些实施例中，在一些实施例中，优先渲染的总次数为1，且在小程序首屏页面具有优先渲染需求的渲染数据，是预先在小程序首屏页面的全部内容渲染数据中，根据业务需求确定的核心内容渲染数据。

在一些实施例中，优先渲染的总次数大于1，且每次优先渲染的在小程序首屏页面具有优先渲染需求的渲染数据，是预先在小程序首屏页面的全部内容渲染数据中根据业务需求确定的第一指定数据，且第一指定数据为小程序首屏页面的全部内容渲染数据的其中一部分。

在一些实施例中，首屏渲染模块530，具体用于：将当前接收到的具有优先渲染需求的渲染数据所对应的渲染任务，加入预设的高优先级队列；优先处理高优先级队列中的渲染任务，得到高优先级队列中的每个具有优先渲染需求的渲染数据的渲染结果。

在一些实施例中，首屏渲染模块530，具体还用于：将当前接收到的不具有优先渲染需求的渲染数据所对应的渲染任务，加入预设的普通优先级队列；在高优先级队列中的渲染任务全部处理完成的情况下，依次处理普通优先级队列中的渲染任务，得到普通优先级队列中的每个不具有优先渲染需求的渲染数据的渲染结果。

在一些实施例中，首屏渲染模块530，在具体用于优先处理高优先级队列中的渲染任务，得到高优先级队列中的每个具有优先渲染需求的渲染数据的渲染结果时，具体用于：针对从高优先级队列中获取的每个渲染任务，暂停当前内核中进行的页面布局处理；将页面布局处理和对当前获取的高优先级队列中的渲染任务的处理，进行合并处理；根据每次合并处理的结果，得到高优先级队列中的每个具有优先渲染需求的渲染数据的渲染结果。

在一些实施例中，页面数据处理装置500，还可以包括：页面绘制模块，用于根据具有优先渲染需求的渲染数据的渲染结果，进行页面绘制；延时处理模块，用于对小程序运行时的线程池队列中的未经处理的普通优先级线程，进行延时处理，以通过中央处理器资源优先调度页面绘制对应的处理线程，得到优先调度的具有优先渲染需求的渲染数据绘制的首屏页面。

在一些实施例中，视图渲染数据接口，是通过小程序框架文件提供的setData接口。

根据本公开实施例的页面数据处理装置，小程序的视图渲染数据接口传递来自小程序开发服务器的渲染数据，针对本次接收的渲染数据，可以根据视图渲染数据接口的属性信息中预设的首屏标识，识别该渲染数据的优先渲染需求，通过小程序框架对接收到的具有优先渲染需求的渲染数据进行优先渲染，从而得到该小程序的首屏页面的具有优先渲染需求的渲染数据的渲染结果。

需要明确的是，本公开并不局限于上文实施例中所描述并在图中示出的特定配置和处理。为了描述的方便和简洁，这里省略了对已知方法的详细描述，并且上述描述的系统、模块和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

根据本公开的实施例，本公开还提供了一种电子设备和一种可读存储介质。

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

如图6所示，设备600包括计算单元601，其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608随机访问存储器(RAM)603中的计算机程序，来执行各种适当的动作和处理。在RAM603中，还可存储设备600操作所需的各种程序和数据。计算单元601、ROM602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。设备600中的多个部件连接至I/O接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元608，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

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

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

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

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

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

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

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

根据本公开的实施例，本公开还提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现上述页面数据处理方法中任一项方法。

人工智能是研究使计算机来模拟人的某些思维过程和智能行为(如学习、推理、规划、规划等)的学科，既有硬件层面的技术也有软件层面的技术。人工智能硬件技术一般包括传感器、专用人工智能芯片、云计算、分布式存储、大数据处理等技术；人工智能软件技术包括计算机视觉技术、语音识别技术、自然语言处理技术以及机器学习/深度学习、大数据处理技术、知识图谱技术等几大方向。

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

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

Claims (12)

1.一种页面数据处理方法，包括：

通过调用小程序的视图渲染数据接口，接收来自小程序开发服务器的渲染数据；

从所述视图渲染数据接口的属性信息中获取预设的首屏标识，并根据所述首屏标识识别当前接收的渲染数据在小程序首屏页面的优先渲染需求；

对具有所述优先渲染需求的渲染数据进行优先渲染，得到所述具有所述优先渲染需求的渲染数据的渲染结果。

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

所述首屏标识，是预先根据业务需要配置具有所述优先渲染需求的渲染数据，并根据配置的具有所述优先渲染需求的渲染数据，在小程序的视图渲染数据接口的属性信息中添加的开发者自定义属性信息。

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

所述优先渲染的总次数为1，且具有所述优先渲染需求的渲染数据，是预先在所述小程序首屏页面的全部内容渲染数据中，根据业务需求确定的核心内容渲染数据；

所述优先渲染的总次数大于1，且每次优先渲染的具有所述优先渲染需求的渲染数据，是预先在所述小程序首屏页面的全部内容渲染数据中，根据业务需求确定的第一指定数据，且所述第一指定数据为所述小程序首屏页面的全部内容渲染数据的其中一部分。

4.根据权利要求1-3中任一项所述的方法，其中，所述对具有所述优先渲染需求的渲染数据进行优先渲染，得到所述具有所述优先渲染需求的渲染数据的渲染结果，包括：

将当前接收到的具有所述优先渲染需求的渲染数据所对应的渲染任务，加入预设的高优先级队列；

优先处理所述高优先级队列中的渲染任务，得到所述高优先级队列中的每个具有所述优先渲染需求的渲染数据的渲染结果。

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

将当前接收到的不具有所述优先渲染需求的渲染数据所对应的渲染任务，加入预设的普通优先级队列；

在所述高优先级队列中的渲染任务全部处理完成的情况下，依次处理所述普通优先级队列中的渲染任务，得到所述普通优先级队列中的每个不具有所述优先渲染需求的渲染数据的渲染结果。

6.根据权利要求4所述的方法，其中，所述优先处理所述高优先级队列中的渲染任务，得到所述高优先级队列中的每个具有所述优先渲染需求的渲染数据的渲染结果，包括：

针对从所述高优先级队列中获取的每个渲染任务，暂停当前内核中进行的页面布局处理；

将所述页面布局处理和对当前获取的所述高优先级队列中的渲染任务的处理，进行合并处理；

根据每次合并处理的结果，得到所述高优先级队列中的每个具有所述优先渲染需求的渲染数据的渲染结果。

7.根据权利要求1-3中任一项所述的方法，还包括：

根据具有所述优先渲染需求的渲染数据的渲染结果，进行页面绘制；

对所述小程序运行时的线程池队列中的未经处理的普通优先级线程，进行延时处理，以通过中央处理器资源优先调度所述页面绘制对应的处理线程，得到优先调度的具有所述优先渲染需求的渲染数据绘制的首屏页面。

8.根据权利要求1-3中任一项所述的方法，其中，

所述视图渲染数据接口，是通过小程序框架文件提供的setData接口。

9.一种页面数据处理装置，包括：

数据接收模块，用于通过调用小程序的视图渲染数据接口，接收来自小程序开发服务器的渲染数据；

标识获取模块，用于从所述视图渲染数据接口的属性信息中获取预设的首屏标识，并根据所述首屏标识识别当前接收的渲染数据在小程序首屏页面的优先渲染需求；

首屏渲染模块，用于对具有所述优先渲染需求的渲染数据进行优先渲染，得到所述具有所述优先渲染需求的渲染数据的渲染结果。

10.一种电子设备，其特征在于，包括：

至少一个处理器；以及

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

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

11.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-8中任一项所述的方法。

12.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-8中任一项所述的方法。

Images