一种页面加载方法和用于页面加载的客户端、服务端.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113779456A(43)申请公布日2021.12.10(21)申请号202110319788.2(22)申请日2021.03.25(71)申请人北京沃东天骏信息技术有限公司地址100176北京市北京经济技术开发区科创十一街18号院2号楼4层A402室申请人北京京东世纪贸易有限公司(72)发明人冉君军(74)专利代理机构中原信达知识产权代理有限责任公司11219代理人王志远王安娜(51)Int.Cl.G06F16/957(2019.01)G06Q30/06(2012.01)权利要求书2页说明书13页附图6页(54)发明名称一种页面加载方法和用于页面加载的客户端、服务端(57)摘要本发明公开了一种页面加载方法和用于页面加载的客户端、服务端，涉及计算机技术领域。该方法的一具体实施方式包括：向服务端发送页面加载请求，以从内容分发网络中获取所述服务端预先生成的与页面对应的预渲染文件；加载所述预渲染文件，并向所述服务端发送动态数据获取请求，以获取与所述预渲染文件对应的动态数据；在所加载的预渲染文件中渲染所述动态数据以生成展示页面。该实施方式降低了用户等待页面加载的时间，提高了页面加载性能，进而提高了用户体验。CN113779456ACN113779456A权利要求书1/2页1.一种页面加载方法，其特征在于，包括：向服务端发送页面加载请求，以从内容分发网络中获取所述服务端预先生成的与页面对应的预渲染文件；加载所述预渲染文件，并向所述服务端发送动态数据获取请求，以获取与所述预渲染文件对应的动态数据；在所加载的预渲染文件中渲染所述动态数据以生成展示页面。2.根据权利要求1所述的页面加载方法，其特征在于，所述预渲染文件是所述服务端基于NODE平台生成的，且所述预渲染文件由页面对应的一个或多个预渲染楼层构成；所述预渲染楼层包括楼层模板、所述楼层模板对应的静态数据、与所述楼层模板的动态数据对应的空白DOM节点。3.根据权利要求2所述的页面加载方法，其特征在于，所述加载所述预渲染文件，并向所述服务端发送动态数据请求，以获取与所述预渲染文件对应的动态数据，包括：判断所述预渲染楼层是否处于页面屏幕的可视区域；在所述预渲染楼层处于页面屏幕的可视区域的情况下，根据所述空白DOM节点的属性，发送动态数据获取请求，以获取与所述空白DOM节点对应的动态数据。4.根据权利要求3所述的页面加载方法，其特征在于，所述在所加载的预渲染文件中渲染所述动态数据以生成展示页面，包括：根据所述空白DOM节点，在所述预渲染楼层中渲染所述动态数据；执行所述预渲染楼层中预先配置的楼层方法，以生成可交互的展示页面。5.根据权利要求3所述的页面加载方法，其特征在于，所述判断所述预渲染楼层是否处于页面屏幕的可视区域，包括：获取所述页面的可视区域高度、所述预渲染楼层与所述页面顶部的距离；判断所述页面的可视区域高度是否大于所述预渲染楼层与所述页面顶部的距离：若大于，则所述预渲染楼层处于页面屏幕的可视区域；若不大于，则所述预渲染楼层未处于所述页面屏幕的可视区域。6.根据权利要求4所述的页面加载方法，其特征在于，所述楼层方法包括下述一种或多种：页面布局自适应方法、图片轮流播放方法、倒计时方法、图片点击跳转方法。7.一种页面加载方法，其特征在于，包括：接收客户端发送的页面加载请求，以根据所述页面加载请求将内容分发网络中与页面对应的预渲染文件发送至所述客户端；在接收到所述客户端发送的动态数据获取请求的情况下，将所述预渲染文件对应的动态数据发送至所述客户端，以使所述客户端将所述动态数据渲染至所述预渲染文件以生成展示页面。8.根据权利要求7所述的页面加载方法，其特征在于，在所述内容分发网络中不存在所述预渲染文件的情况下，基于NODE平台生成所述预渲染文件，所述预渲染文件由页面对应的一个或多个预渲染楼层组成；所述预渲染楼层包括楼层模板、所述楼层模板对应的静态数据、与所述楼层模板的动2CN113779456A权利要求书2/2页态数据对应的空白DOM节点。9.根据权利要求8所述的页面加载方法，其特征在于，所述基于NODE平台生成所述预渲染文件，包括：获取所述页面对应的一个或多个楼层模板；从所述楼层模板中解析出楼层模板标识；根据所述楼层模板标识，获取所述楼层模板对应的静态数据；将所述静态数据渲染至所述楼层模板，并使用DOM节点替代所述楼层模板中的动态数据，以生成预渲染楼层；根据所述预渲染楼层，生成所述预渲染文件并存储至所述内容分发网络中。10.一种用于页面加载的客户端，其特征在于，包括：加载请求发送模块、动态数据获取模块、展示页面生成模块；其中，所述加载请求发送模块，用于向服务端发送页面加载请求，以从内容分发网络中获取所述服务端预先生成