页面加载的方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109388766A(43)申请公布日2019.02.26(21)申请号201710666009.X(22)申请日2017.08.07(71)申请人阿里巴巴集团控股有限公司地址英属开曼群岛大开曼资本大厦一座四层847号邮箱(72)发明人张舒迪(74)专利代理机构北京清源汇知识产权代理事务所(特殊普通合伙)11644代理人冯德魁窦晓慧(51)Int.Cl.G06F16/958(2019.01)G06F16/957(2019.01)权利要求书2页说明书11页附图2页(54)发明名称页面加载的方法和装置(57)摘要本申请公开页面加载的方法和装置，该方法具有结构缓存和数据缓存的缓存模式，包括：接收页面加载请求，所述页面加载请求中包括请求参数，所述请求参数包括与结构缓存和数据缓存具有关联性的标识；根据所述请求参数的所述标识，从结构缓存中获取结构数据，以及从数据缓存中获取接口数据；根据获取的结构数据以及接口数据，对需要加载的页面进行渲染。该方法是基于接口数据与DOM结构的双缓存方案，基于DOM结构缓存的秒出方案，可以以最快速度完成首屏渲染。同时，对于依赖接口数据的场景，极大减少二次加载的页面可见时间及页面可用时间，加快了Html页面首屏的加载时间。CN109388766ACN109388766A权利要求书1/2页1.一种页面加载的方法，其特征在于，具有结构缓存和数据缓存的缓存模式，该方法包括：接收页面加载请求，所述页面加载请求中包括请求参数，所述请求参数包括与结构缓存和数据缓存具有关联性的标识；根据所述请求参数的所述标识，从结构缓存中获取结构数据，以及从数据缓存中获取接口数据；根据获取的结构数据以及接口数据，对需要加载的页面进行渲染。2.根据权利要求1所述的页面加载的方法，其特征在于，在所述接收页面加载请求之后，包括：判断所述页面加载请求是否为初次请求；若是，根据所述页面加载请求获取结构数据以及与接口相关的接口数据；将所述结构数据、请求参数和接口名称存储在结构缓存中，将所述接口数据、请求参数和接口名称存储在数据缓存中；接收第二次页面加载请求；所述根据所述请求中的请求参数，基于所述标识从结构缓存中获取结构数据，以及从数据缓存中获取接口数据，包括：根据所述第二次页面加载请求中的请求参数，以所述请求参数为依据，分别从结构缓存中获取结构数据，从数据缓存中获取接口数据。3.根据权利要求2所述的页面加载的方法，其特征在于，在所述将所述结构数据、请求参数和接口名称存储在结构缓存中，将所述接口数据、请求参数和接口名称存储在数据缓存中之后，包括：将所述结构缓存与所述数据缓存之间设置对应关系；所述结构缓存与所述数据缓存采用请求参数和接口名称作为键值进行标记。4.根据权利要求3所述的页面加载的方法，其特征在于，所述将所述结构缓存与所述数据缓存之间设置对应关系，包括：若请求参数相同，则所述结构缓存与所述数据缓存之间的对应关系为一一对应关系。5.根据权利要求2所述的页面加载的方法，其特征在于，所述将所述结构数据、请求参数和接口名称存储在结构缓存中，包括：预先设置结构缓存容器；根据所述请求参数获取相应的结构数据；在所述结构缓存容器中将所述结构数据转换为字符串格式；将字符串格式的结构数据、请求参数以及接口名称存储在所述结构缓存中。6.根据权利要求5所述的页面加载的方法，其特征在于，所述根据获取的结构数据以及接口数据对需要加载的页面进行渲染中，根据获取的结构数据对需要加载的页面进行渲染，包括：根据所述请求参数和接口名称获取相对应的字符串；根据所述字符串生成相应的页面结构；将所述结构通过所述结构缓存容器进行页面渲染。7.根据权利要求1所述的页面加载的方法，其特征在于，所述根据所述请求中的请求参2CN109388766A权利要求书2/2页数，基于所述标识从结构缓存中获取结构数据，以及从数据缓存中获取接口数据，包括：先执行根据所述请求中的请求参数，从结构缓存中获取结构数据；再执行从数据缓存中获取接口数据。8.根据权利要求1所述的页面加载的方法，其特征在于，在所述根据获取的结构数据以及接口数据对需要加载的页面进行渲染之后，执行以下操作：接收缓存更新请求；根据所述缓存更新请求，将所述结构数据和结构数据中缓存的数据进行更新。9.根据权利要求8所述的页面加载的方法，其特征在于，所述根据所述缓存更新请求，将所述结构数据和结构数据中缓存的数据进行更新，包括：根据所述缓存更新请求中的请求参数和接口名称，获取更新的结构数据和更新的接口数据；将所述更新的结构数据存储在结构缓存中，将所述更新的接口数据存储在接口缓存中。10.根据权利要求1所述的页面加载的方法，其特征在于，所述根据所述请求中的请求参数，基于所述标识从结构