[发明专利]页面加载的方法和装置

说明书

本申请公开页面加载的方法和装置，该方法具有结构缓存和数据缓存的缓存模式，包括：接收页面加载请求，所述页面加载请求中包括请求参数，所述请求参数包括与结构缓存和数据缓存具有关联性的标识；根据所述请求参数的所述标识，从结构缓存中获取结构数据，以及从数据缓存中获取接口数据；根据获取的结构数据以及接口数据，对需要加载的页面进行渲染。该方法是基于接口数据与DOM结构的双缓存方案，基于DOM结构缓存的秒出方案，可以以最快速度完成首屏渲染。同时，对于依赖接口数据的场景，极大减少二次加载的页面可见时间及页面可用时间，加快了Html页面首屏的加载时间。

技术领域

本申请涉及网页中页面加载的技术领域，具体涉及一种页面加载的方法。本申请同时涉及一种页面加载的装置。

背景技术

针对现有的各种无线客户端，如手机淘宝、支付宝、阿里旅行等，且客户端内大量使用了Html5(以下可简称为H5)作为页面展示容器的混合开发方案。

传统的H5页面加载及渲染需要经历HTML加载、CSS/JS加载、数据请求、页面渲染四个步骤，但是，在网络环境不理想的情况下，过多的资源加载与初始化会大大延长页面加载及渲染完成时间。

对于用户体验来说，点击跳转后的页面展示时间是十分关键的指标，为此，各容器都实现了静态资源离线化方案(将HTML/JS/CSS文件离线化到本地)，减少资源加载时间，但数据接口访问依然受制于网络状况，如商品列表页等场景页面依然无法实现秒出。

发明内容

本申请提供一种页面加载的方法，以解决现有技术中存在的上述技术问题。

本申请另外提供页面加载的装置。

本申请提供一种页面加载的方法，具有结构缓存和数据缓存的缓存模式，该方法包括：

接收页面加载请求，所述页面加载请求中包括请求参数，所述请求参数包括与结构缓存和数据缓存具有关联性的标识；

根据所述请求参数的所述标识，从结构缓存中获取结构数据，以及从数据缓存中获取接口数据；

根据获取的结构数据以及接口数据，对需要加载的页面进行渲染。

可选的，在所述接收页面加载请求之后，包括：

判断所述页面加载请求是否为初次请求；

若是，根据所述页面加载请求获取结构数据以及与接口相关的接口数据；

将所述结构数据、请求参数和接口名称存储在结构缓存中，将所述接口数据、请求参数和接口名称存储在数据缓存中；

接收第二次页面加载请求；

所述根据所述请求中的请求参数，基于所述标识从结构缓存中获取结构数据，以及从数据缓存中获取接口数据，包括：

根据所述第二次页面加载请求中的请求参数，以所述请求参数为依据，分别从结构缓存中获取结构数据，从数据缓存中获取接口数据。

可选的，在所述将所述结构数据、请求参数和接口名称存储在结构缓存中，将所述接口数据、请求参数和接口名称存储在数据缓存中之后，包括：

将所述结构缓存与所述数据缓存之间设置对应关系；

所述结构缓存与所述数据缓存采用请求参数和接口名称作为键值进行标记。

可选的，所述将所述结构缓存与所述数据缓存之间设置对应关系，包括：

若请求参数相同，则所述结构缓存与所述数据缓存之间的对应关系为一一对应关系。

可选的，所述将所述结构数据、请求参数和接口名称存储在结构缓存中，包括：

预先设置结构缓存容器；