页面渲染方法、装置、电子设备和可读存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114238810A(43)申请公布日2022.03.25(21)申请号202111509672.1(22)申请日2021.12.10(71)申请人金瓜子科技发展（北京）有限公司地址100000北京市海淀区清河安宁庄东路18号23号楼二层2356(72)发明人黄雪良张宏远代永里李联玉黄伟(74)专利代理机构北京超凡宏宇专利代理事务所(特殊普通合伙)11463代理人舒淼(51)Int.Cl.G06F16/957(2019.01)权利要求书2页说明书7页附图2页(54)发明名称页面渲染方法、装置、电子设备和可读存储介质(57)摘要本发明提供了一种页面渲染方法、装置、电子设备和可读存储介质，涉及页面渲染技术领域，包括：获取目标页面相应的静态资源离线包和数据离线包；并行解析静态资源离线包和数据离线包，分别得到目标页面对应的静态资源和预加载数据；拼接静态资源和预加载数据得到页面数据，基于页面数据对目标页面进行渲染，通过将页面数据进行预加载，优化该页面渲染速度，且对业务无依赖。CN114238810ACN114238810A权利要求书1/2页1.一种页面渲染方法，其特征在于，所述方法包括：获取目标页面相应的静态资源离线包和数据离线包；并行解析所述静态资源离线包和所述数据离线包，分别得到所述目标页面对应的静态资源和预加载数据；拼接所述静态资源和所述预加载数据得到页面数据，基于所述页面数据对所述目标页面进行渲染。2.根据权利要求1所述的方法，其特征在于，并行解析所述静态资源离线包和所述数据离线包，分别得到所述目标页面对应的静态资源和预加载数据的步骤，包括：根据所述静态资源离线包解析静态资源的同时，从所述数据离线包中调用数据接口，并基于所述数据接口，获取所述目标页面对应的预加载数据。3.根据权利要求2所述的方法，其特征在于，并行解析所述静态资源离线包和所述数据离线包，分别得到所述目标页面对应的静态资源和预加载数据的步骤，还包括：响应于用户针对所述目标页面的操作指令，触发执行并行解析所述静态资源离线包和所述数据离线包，分别得到所述目标页面对应的静态资源和预加载数据的步骤。4.根据权利要求2所述的方法，其特征在于，从所述数据离线包中调用数据接口，并基于所述数据接口，获取所述目标页面对应的预加载数据的步骤，包括：根据业务加载优先等级对所述数据离线包中的页面数据进行分类，得到属性数据和图片数据，其中，所述属性数据包括以下的一项或多项：所述目标页面对应的基本数据、标题、活动信息、标签、价格信息和售后信息，所述图片数据包括图片对应的资源定位标志URL；根据所述属性数据确定所述目标页面对应的预加载数据。5.根据权利要求4所述的方法，其特征在于，基于所述页面数据对所述目标页面进行渲染的步骤，包括：基于所述资源定位标志URL获得所述图片，并根据所述页面数据以及所述图片对所述目标页面进行渲染。6.根据权利要求1所述的方法，其特征在于，获取目标页面相应的静态资源离线包和数据离线包的步骤，包括：对目标页面的静态资源进行离线缓存，得到静态资源离线包；从离线包管理平台下载数据离线包，其中，响应于用户针对前端界面的操作指令，将所述目标页面的接口配置打包生成的所述数据离线包。7.根据权利要求1所述的方法，其特征在于，获取目标页面相应的静态资源离线包和数据离线包的步骤之前，所述方法还包括：响应于用户针对每个页面的操作指令确定目标页面；或者，基于每个页面的浏览热度和/或点击热度确定目标页面。8.一种页面渲染装置，其特征在于，所述装置包括：获取模块，获取目标页面相应的静态资源离线包和数据离线包；并行模块，并行解析所述静态资源离线包和所述数据离线包，分别得到所述目标页面对应的静态资源和预加载数据；渲染模块，拼接所述静态资源和所述预加载数据得到页面数据，基于所述页面数据对2CN114238810A权利要求书2/2页所述目标页面进行渲染。9.一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述权利要求1至7任一项所述的方法的步骤。10.一种机器可读存储介质，其特征在于，所述机器可读存储介质存储有机器可执行指令，所述机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现权利要求1至7任一项所述的方法的步骤。3CN114238810A说明书1/7页页面渲染方法、装置、电子设备和可读存储介质技术领域[0001]本发明涉及页面渲染的技术领域，尤其是涉及一种页面渲染方法、装置、电子设备和可读存储介质。背景技术[0002]当前页面渲染应用中，为了加快渲染速度，会将页面的静态资源进行离线缓存。但经发明人研究发现，在此基础上的页面数