[发明专利]一种小程序页面渲染方法、装置、电子设备及存储介质

说明书

本公开公开了一种小程序页面渲染方法、装置、电子设备及存储介质，涉及互联网技术领域，尤其涉及小程序领域。具体实现方案为：基于预先得到的小程序页面的首次绘制结果，对小程序页面进行原始增量渲染，得到小程序页面的原始增量渲染结果；基于小程序页面的首次绘制结果、小程序页面的原始增量渲染结果以及预先得到的小程序页面的初始增量渲染结果，对小程序页面进行渲染。本申请实施例可以大大加快小程序页面加载速度，提升页面性能，优化用户体验。

技术领域

本公开涉及互联网技术领域，进一步涉及小程序技术，尤其涉及一种小程序页面渲染方法、装置、电子设备及存储介质。

背景技术

在小程序的开发模式中，开发者可以给应用程序(App)和页面(Page)注册固定的回调函数，小程序会按照既定的规则去触发运行开发者所注册的回调函数，由这些回调函数组成小程序的生命周期。小程序在App级别和Page级别都有固定的生命周期；其中，对于Page级别的生命周期，目前业界主要有：监听页面加载函数(onLoad)、监听页面显示函数(onShow)、监听页面初次渲染完成函数(onReady)、监听页面卸载(onUnload)。在小程序页面首次启动加载的时候，小程序框架会按照onLoad、onShow、onReady的顺序执行其中这三个生命周期的回调函数。

在首次加载页面时，往往需要在第一个生命周期函数中去发起网络请求等相关操作，来获取当前页面需要展现的数据，并调用小程序中渲染数据的setData这个API进行数据的渲染，最终将完整的内容展现在页面上。传统方式会在onLoad这个生命周期中发起网络请求，但是onLoad需要等页面的初始数据加载渲染好才能触发执行，也就是说，只有等渲染线程完成首次绘制并将绘制结果回传给逻辑线程后，逻辑线程才会触发执行onLoad，这样onLoad的触发时机就会比较晚，导致严重拖慢最终页面内容的渲染，影响用户体验。

发明内容

本申请提供了一种小程序页面渲染方法、装置、电子设备及存储介质，可以大大加快小程序页面加载速度，提升页面性能，优化用户体验。

根据本申请的第一方面，提供了一种小程序页面渲染方法，所述方法包括：

基于预先得到的小程序页面的首次绘制结果，对所述小程序页面进行原始增量渲染，得到所述小程序页面的原始增量渲染结果；

基于所述小程序页面的首次绘制结果、所述小程序页面的原始增量渲染结果以及预先得到的所述小程序页面的初始增量渲染结果，对所述小程序页面进行渲染。

根据本申请的第二方面，提供了一种小程序页面渲染装置，所述装置包括：增量绘制模块和渲染模块；其中，

所述增量绘制模块，用于基于预先得到的小程序页面的首次绘制结果，对所述小程序页面进行原始增量渲染，得到所述小程序页面的原始增量渲染结果；

所述渲染模块，用于基于所述小程序页面的首次绘制结果、所述小程序页面的原始增量渲染结果以及预先得到的所述小程序页面的初始增量渲染结果，对所述小程序页面进行渲染。

根据本申请的第三方面，提供了一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本申请任意实施例所述的小程序页面渲染方法。

根据本申请的第四方面，提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现本申请任意实施例所述的小程序页面渲染方法。

根据本申请的第五方面，提供了一种计算机程序产品，当所述计算机程序产品被计算机设备执行时实现本申请任意实施例所述的小程序页面渲染方法。