[发明专利]一种web页面生成方法和装置

说明书

本申请公开了一种web页面生成方法和装置。方法包括：在发起访问目标网页的请求时，基于与所述请求对应的离线网页生成web页面，所述离线网页为在先访问所述目标网页时保存的；根据所述离线网页构建第一索引树，所述第一索引树用于描述所述离线网页中的第一网页数据；加载所述目标网页对应的第二索引树，所述第二索引树用于描述服务器响应于所述请求返回的所述目标网页中的第二网页数据；基于所述第一索引树和所述第二索引树更新所述web页面。本申请实施例通过先基于目标网页对应的离线网页生成web页面，然后基于服务器返回的网页数据对web页面进行更新，能有效提高网页页面的加载速度。

技术领域

本申请涉及计算机技术领域，尤其涉及一种web页面生成方法和装置。

背景技术

目前浏览器访问网页的过程包括加载、解析和渲染三个方面。其中加载(包含DNS解析、域名解析与服务器连接等)和解析都比较耗时，而且在渲染时需要经过以下步骤：构建dom文档对象模型树、构建render渲染树、布局render树和绘制render树等。

为了加快网页的访问速度，现有技术一般是以优化资源加载及网页渲染速度为目标的，包括数据压缩等。但在网络条件较差时网页数据的请求操作都会不可避免地消耗很多时间，再加上页面渲染的时间会导致页面生成时间较长和页面卡顿的问题。

发明内容

本申请实施例提供一种web页面生成方法和装置，用以解决现有技术加载网页所需时间较长以及页面卡顿的问题。

本申请实施例提供一种web页面生成方法，包括：

在发起访问目标网页的请求时，基于与所述请求对应的离线网页生成web页面，所述离线网页为在先访问所述目标网页时保存的；

根据所述离线网页构建第一索引树，所述第一索引树用于描述所述离线网页中的第一网页数据；

加载所述目标网页对应的第二索引树，所述第二索引树用于描述服务器响应于所述请求返回的所述目标网页中的第二网页数据；

基于所述第一索引树和所述第二索引树更新所述web页面。

可选的，所述根据所述离线网页构建第一索引树包括：

提取所述离线网页中的页面标签；

调用浏览器内核对所述离线网页中的第一网页数据进行渲染，以构建渲染树；

基于所述页面标签和所述渲染树构建第一索引树。

可选的，所述基于所述页面标签和所述渲染树构建第一索引树包括：

基于页面标签对应的名称属性确定所述第一索引树中的节点以及节点对应的内容；

基于所述渲染树确认所述第一索引树中的节点对应的内容的绘制规则。

可选的，加载所述目标网页对应的第二索引树包括：

在构建所述第二索引树的过程中，若监听获知构建第二索引树的进度发生变化，则加载当前进度对应的第二索引树。

可选的，基于所述第一索引树和所述第二索引树更新所述web页面包括：

将所述第二索引树中的节点与所述第一索引树中的对应节点进行对比；

根据对比结果更新所述第一索引树，并根据更新后的第一索引树更新所述web页面。

可选的，根据对比结果更新所述第一索引树包括：

根据对比结果确定所述第一索引树和所述第二索引树中待更新节点的类别以及与所述待更新节点的类别对应的更新规则；

根据待更新节点的类别以及与所述待更新节点的类别对应的更新规则，更新所述第一索引树。