页面加载方法、装置、设备及计算机存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113836458A(43)申请公布日2021.12.24(21)申请号202010582661.5(22)申请日2020.06.23(71)申请人阿里巴巴集团控股有限公司地址英属开曼群岛大开曼资本大厦一座四层847号邮箱(72)发明人陈南蓓(74)专利代理机构北京博雅睿泉专利代理事务所(特殊普通合伙)11442代理人闫雪薇(51)Int.Cl.G06F16/958(2019.01)G06F16/957(2019.01)权利要求书1页说明书8页附图3页(54)发明名称页面加载方法、装置、设备及计算机存储介质(57)摘要本发明公开了一种页面加载方法、装置、服务器、电子设备以及计算机存储介质。该方法包括：获取用于构建离线页面的主文档和对应的静态资源文件；根据所述主文档和所述静态资源文件的内容，生成所述离线页面；根据所述离线页面生成离线数据包，并发送至客户端。根据本发明实施例，可以节省在渲染页面的过程中加载静态资源产生的网络消耗，提升页面加载速度。CN113836458ACN113836458A权利要求书1/1页1.一种页面加载方法，其特征在于，应用于服务器，所述方法包括：获取用于构建离线页面的主文档和对应的静态资源文件；根据所述主文档和所述静态资源文件的内容，生成所述离线页面；根据所述离线页面生成离线数据包，并发送至客户端。2.根据权利要求1所述的方法，其特征在于，所述根据所述主文档和所述静态资源文件的内容，构建所述离线页面，包括：根据所述静态资源文件中的链接获取所述静态资源文件的内容；将所述静态资源文件的内容内嵌到所述主文档中，生成所述离线页面。3.根据权利要求2所述的方法，其特征在于，所述静态资源文件至少包括层叠样式表CSS资源和JS资源；所述主文档为离线的超文本标记语言HTML主文档。4.一种页面加载方法，其特征在于，应用于客户端，所述方法包括：获取页面访问请求，所述页面访问请求中至少包括待访问页面的统一资源定位符URL；根据所述URL从本地存储目录中加载对应的离线数据包；根据所述离线数据包中的主文档对待展示页面进行渲染，其中，所述主文档中内嵌有静态资源文件的内容。5.根据权利要求4所述的方法，其特征在于，所述获取页面访问请求之前，所述方法还包括：接收来自服务器的所述离线数据包并存储至所述本地存储目录中。6.一种页面加载装置，其特征在于，应用于服务器，所述装置包括：获取模块，用于获取用于构建离线页面的主文档和对应的静态资源文件；生成模块，用于根据所述主文档和所述静态资源文件的内容，生成所述离线页面；发送模块，用于根据所述离线页面生成离线数据包，并发送至客户端。7.一种页面加载装置，其特征在于，应用于客户端，所述装置包括：获取模块，用于获取页面访问请求，所述页面访问请求中至少包括待访问页面的统一资源定位符URL；加载模块，用于根据所述URL从本地存储目录中加载对应的离线数据包；渲染模块，用于根据所述离线数据包中的主文档对待展示页面进行渲染，其中，所述主文档中内嵌有静态资源文件的内容。8.一种服务器，其特征在于，包括：存储器和处理器，所述存储器用于存储指令；所述指令用于控制所述处理器进行操作，以执行如权利要求1-3中任意一项所述的页面加载方法。9.一种电子设备，其特征在于，包括：存储器和处理器，所述存储器用于存储指令；所述指令用于控制所述处理器进行操作，以执行如权利要求4或5所述的页面加载方法。10.一种计算机存储介质，其特征在于，其上存储有计算机程序，所述计算机程序在被处理器执行时实现如权利要求1-3中任意一项所述的页面加载方法；或者，所述计算机程序在被处理器执行时实现如权利要求4或5所述的页面加载方法。2CN113836458A说明书1/8页页面加载方法、装置、设备及计算机存储介质技术领域[0001]本发明涉及计算机技术领域，更具体地，涉及一种页面加载方法、一种页面加载装置、一种服务器、一种电子设备以及计算机存储介质。背景技术[0002]随着用户量越来越多，服务方关于用户体验的要求也在不断提高。页面首屏的渲染时间就成为了一个提高用户体验的指标，减少用户等待的时间，在一定程度上就会提高用户的留存率。[0003]现有技术中，为了提升页面首屏的加载速度，服务器在构建离线数据包时，将需要离线加速页面的主文档和对应的静态资源，如层叠样式表(CascadingStyleSheets，CSS)资源和JS(Javascript)资源打包在一起下发到客户端对应的应用程序(Application，APP)的本地目录中。客户端在渲染页面时，APP直接加载本地目录中离线数据包的主文档，以减少在加载过程中网络请求，从而提升加载速度。[0004]但是，客户端在加载离线数据包中