[发明专利]一种基于延时加载的页面快速响应方法及装置

权利要求书

1.一种基于延时加载的页面快速响应方法，其特征在于，所述方法包括如下步骤：

对页面元素进行解析，将页面元素划分为框架元素和数据元素，创建该页面的文档对象模型DOM树；

响应用户点击页面的操作，遍历所述DOM树的所有节点，首先进行框架元素加载；

进行首次页面渲染，为用户呈现框架页面；

将数据元素加载至页面上；

进行二次页面渲染，显示最终页面。

2.如权利要求1所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的框架元素压缩合并后存放于公共CND环境。

3.如权利要求2所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的框架元素包括在解析HTML页面的整个过程中都会用到的公共JS文件、公共样式文件和第三方插件。

4.如权利要求3所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的框架元素加载采用预加载，在同一时间段内进行预加载的框架元素的文件数目不大于6。

5.如权利要求4所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的预加载采取动态加载的方式，在前一个文件加载完成后再加载依赖它的下一个文件。

6.如权利要求1所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的数据元素包括根据客户需求展现在页面上的业务相关数据和非公共样式文件。

7.如权利要求1所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的数据元素加载至页面是通过加载器进行延时和按需异步加载，或者通过在框架页面上使用iframe进行单独业务的处理。

8.如权利要求7所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的数据元素加载与所述的首次页面渲染同步进行，互不影响。

9.如权利要求8所述的一种基于延时加载的页面快速响应方法，其特征在于，所述的二次页面渲染可以根据数据元素异步加载的情况进行多次渲染。

10.一种基于延时加载的页面快速响应装置，其特征在于，包括页面解析装置、第一数据加载装置、第一页面渲染装置、第二数据加载装置和第二页面渲染装置，其中，

页面解析装置用于对页面元素进行解析，将页面元素划分为框架元素和数据元素，创建该页面的文档对象模型DOM树；

第一数据加载装置用于响应用户点击页面的操作，遍历所述DOM树的所有节点，首先进行框架元素加载；

第一页面渲染装置用于进行首次页面渲染，为用户呈现框架页面；

第二数据加载装置用于将数据元素加载至页面上；

第二页面渲染装置用于进行二次页面渲染，显示最终页面。