[发明专利]页面显示方法、装置、电子设备及可读存储介质

说明书

本申请公开了一种页面显示方法、装置、电子设备及可读存储介质，属于页面显示技术领域。该页面显示方法，包括：接收用户的第一输入；响应于第一输入，基于第一线程，利用预设的文件构建第一渲染树；同时，基于第二线程，向网络服务器发送网络数据获取请求，并接收网络服务器发送的网络数据；其中，网络数据为网络服务器响应网络数据获取请求发送的数据；根据网络数据对第一渲染树进行渲染，得到目标渲染树；基于目标渲染树，显示与第一输入相关联的页面。本申请实施例提供的页面显示方法、装置、电子设备及可读存储介质，能够更快速显示页面。

技术领域

本申请属于页面显示技术领域，具体涉及一种页面显示方法、装置、电子设备及可读存储介质。

背景技术

为了能够丰富地展示活动、商品等信息，常选择使用页面(例如，超文本标记语言(Hyper Text Markup Language，HTML)5页面)作为这些信息的承载体。但是，页面的打开速度，也即页面的显示速度较慢。

由于页面的整个显示过程，需要串联进行多个任务环节，故相关技术针对其中部分任务环节进行了优化提速。例如，域名系统(Domain Name System，DNS)解析优化(接口与网页主域名一致)、图片懒加载等。

在实现本申请过程中，发明人发现相关技术中至少存在如下问题：

虽然相关技术能够在一定程度上提升页面的显示速度，但显示速度提升并不明显。

因此，如何能够更快速显示页面是本领域技术人员亟需解决的技术问题。

发明内容

本申请实施例的目的是提供一种页面显示方法、装置、电子设备及可读存储介质，能够更快速显示页面。

为了解决上述技术问题，本申请是这样实现的：

第一方面，本申请实施例提供了一种页面显示方法，包括：

接收用户的第一输入；

响应于第一输入，基于第一线程，利用预设的文件构建第一渲染树；同时，基于第二线程，向网络服务器发送网络数据获取请求，并接收网络服务器发送的网络数据；其中，网络数据为网络服务器响应网络数据获取请求发送的数据；

根据网络数据对第一渲染树进行渲染，得到目标渲染树；

基于目标渲染树，显示与第一输入相关联的页面。

可选的，预设的文件为HTML文件，在基于第一线程，利用预设的文件构建第一渲染树之前，方法还包括：

接收服务端发送的HTML文件。

可选的，当HTML文件包括HTML标记和层叠样式表(Cascading Style Sheets，CSS)标记时，则利用预设的文件构建第一渲染树，包括：

将HTML标记转换成文档对象模型(Document Object Model，DOM)树；

将CSS标记转换成层叠样式表对象模型(Cascading Style Sheets ObjectModel，CSSOM)树；

合并DOM树和CSSOM树，得到第一渲染树。

可选的，基于第二线程，向网络服务器发送网络数据获取请求，并接收网络服务器发送的网络数据，包括：

基于第二线程进行域名系统(Domain Name System，DNS)解析，得到网络服务器的互联网协议(Internet Protocol，IP)地址；

基于IP地址，向网络服务器发送多个网络数据获取请求；

接收每个网络数据获取请求对应的网络数据。