网页渲染方法及装置、电子设备和介质制造方法及图纸

本公开提供了一种网页渲染方法、装置、电子设备、计算机可读存储介质和计算机程序产品，涉及计算机领域，尤其涉及页面开发技术领域。实现方案为：获取所述网页所对应的初始页面内容，该初始页面内容包括页面模板；将页面模板解析为渲染函数；将渲染函数编译为虚拟文档对象模型DOM；将网页中需优先渲染的目标组件所对应的虚拟DOM初始化为超文本标记语言HTML字符串；以及将HTML字符串插入到HTML节点下，以使得基于HTML字符串实现目标组件的优先渲染。渲染。渲染。

【技术实现步骤摘要】
网页渲染方法及装置、电子设备和介质


[0001]本公开涉及计算机领域，尤其涉及页面开发
，具体涉及一种网页渲染方法、装置、电子设备、计算机可读存储介质和计算机程序产品。

技术介绍

[0002]网页应用(Web App)是与各种移动客户端、桌面客户端、服务器端深度整合的互联网空间应用，是一个庞大规模原生承载互联网链接万物景观精神的内容整合与分发持续开放的平台。在用户通过浏览器访问网页时，终端从服务器中获取该网页的网页数据，根据该网页数据，例如通过解析JavaScript文件来获取渲染网页内容。但伴随着移动通信技术的升级迭代，用户在终端上对网页装载速度尤其敏感。

技术实现思路

[0003]本公开提供了一种网页渲染方法、装置、电子设备、计算机可读存储介质和计算机程序产品。
[0004]根据本公开的一方面，提供了一种网页渲染方法，包括：获取所述网页所对应的初始页面内容，其中所述初始页面内容包括页面模板；将所述页面模板解析为渲染函数；将所述渲染函数编译为虚拟文档对象模型DOM；将所述网页中需优先渲染的目标组件所对应的虚拟DO本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页渲染方法，包括：获取所述网页所对应的初始页面内容，其中所述初始页面内容包括页面模板；将所述页面模板解析为渲染函数；将所述渲染函数编译为虚拟文档对象模型；将所述网页中需优先渲染的目标组件所对应的虚拟文档对象模型初始化为超文本标记语言字符串；以及将所述超文本标记语言字符串插入到超文本标记语言节点下，以使得基于所述超文本标记语言字符串实现所述目标组件的优先渲染。2.如权利要求1所述的方法，其中，基于预设的标识信息确定所述网页中需优先渲染的目标组件。3.如权利要求2所述的方法，其中，确定所述网页中需优先渲染的目标组件包括：对所述渲染函数进行编译，以生成抽象语法树；以及对所述抽象语法树进行遍历，以确定所述目标组件。4.如权利要求1所述的方法，其中，所述初始页面内容还包括第一JavaScript文件，所述方法还包括：基于不需要优先渲染的组件所对应的虚拟文档对象模型以及所述第一JavaScript文件，生成第二JavaScript文件；以及响应于所述网页的加载请求，获取所述第二JavaScript文件，以使得所述客户端通过解析所述第二JavaScript文件实现所述网页组件的渲染。5.如权利要求1或4所述的方法，其中，所述初始页面内容还包括层叠样式表文件。6.如权利要求1所述的方法，其中，将所述网页中需优先渲染的目标组件所对应的虚拟文档对象模型初始化为超文本标记语言字符串包括：基于所述模板组件所对应的虚拟文档对象模型生成所述目标组件所对应的应用实例；以及通过调用renderToString()函数，将所述应用实例渲染为超文本标记语言字符串。7.如权利要求1所述的方法，其中，将所述网页中需优先渲染的目标组件所对应的虚拟文档对象模型初始化为超文本标记语言字符包括：响应于确定所述网页中需优先渲染的目标组件中包括预设静态组件，从预设路径获取所述预设静态组件所对应的超文本标记语言字符串，其中所述预设静态组件所对应的超文本标记语言字符串为在之前执行网页渲染方法的过程中保存到所述预设路径下的。8.如权利要求1所述的方法，其中，所述超文本标记语言节点为所述网页应用所挂载的根节点。9.一种网页渲染装置，包括：获取单元，配置为获取所述网页所对应的初始页面内容，其中所述初始页面内容包括页面模板；解析单元，配置为将所述页面模板解析为渲染函数；编译单元，配置为将所述渲染函数编译为虚拟文档对象模型；初始化单元，配置为将所述网页中需优先渲染的目标组件所对应的虚拟文档对象模型初始化为超文本标记语言字符串；以及...

【专利技术属性】
技术研发人员：张书晨，
申请(专利权)人：百度中国有限公司，
类型：发明
国别省市：