预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共15页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114237744A(43)申请公布日2022.03.25(21)申请号202111537718.0(22)申请日2021.12.15(71)申请人携程旅游网络技术(上海)有限公司地址200335上海市长宁区金钟路968号12号楼801室(72)发明人李超龙孙罡(74)专利代理机构上海隆天律师事务所31282代理人夏彬(51)Int.Cl.G06F9/445(2018.01)G06F16/951(2019.01)G06F9/451(2018.01)G06F16/958(2019.01)权利要求书2页说明书8页附图4页(54)发明名称组件懒加载方法、系统、设备及存储介质(57)摘要本发明提供了一种组件懒加载方法、系统、设备及存储介质,该方法包括:页面组件搭建完成后,获取页面中所有组件的高度信息;接收到用户终端的页面获取请求;根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件;渲染所述首屏组件的框架和内容,并渲染所述非首屏组件的框架;将渲染后的页面发送至所述用户终端,所述用户终端配置为显示所述页面的首屏。本发明通过对非首屏组件进行懒加载,提升了页面服务端渲染和客户端首屏显示的性能。CN114237744ACN114237744A权利要求书1/2页1.一种组件懒加载方法,其特征在于,包括如下步骤:页面组件搭建完成后,获取页面中所有组件的高度信息;接收到用户终端的页面获取请求;根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件;渲染所述首屏组件的框架和内容,并渲染所述非首屏组件的框架;将渲染后的页面发送至所述用户终端,所述用户终端配置为显示所述页面的首屏。2.根据权利要求1所述的组件懒加载方法,其特征在于,所述获取页面中所有组件的高度信息,包括如下步骤:调用爬虫服务,爬取页面中所有组件的高度信息。3.根据权利要求1所述的组件懒加载方法,其特征在于,所述根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件,包括如下步骤:获取各个所述组件的排列顺序;获取所述页面的首屏的高度信息;基于各个所述组件的排列顺序、高度信息和所述页面的首屏的高度信息,确定各个所述组件是否在首屏显示;将在首屏显示的组件作为首屏组件,将不在首屏显示的组件作为非首屏组件。4.根据权利要求1所述的组件懒加载方法,其特征在于,所述将渲染后的页面发送至用户终端之后,还包括如下步骤:接收到所述用户终端的页面上滑请求;确定页面下滑后,显示于所述用户终端的非首屏组件;渲染确定的非首屏组件的内容。5.根据权利要求1所述的组件懒加载方法,其特征在于,渲染所述非首屏组件的框架,包括:根据所述非首屏组件的高度信息,渲染相应高度的非首屏组件的框架。6.根据权利要求3所述的组件懒加载方法,其特征在于,获取所述页面的首屏的高度信息,包括如下步骤:获取所述用户终端的浏览器类型;根据所述浏览器类型确定所述页面的首屏的高度。7.根据权利要求3所述的组件懒加载方法,其特征在于,获取各个所述组件的排列顺序,包括如下步骤:获取所述用户终端所对应的用户信息;根据所述用户信息确定用户的组件偏好信息;根据所述用户的组件偏好信息确定组件的排列顺序。8.一种组件懒加载系统,其特征在于,用于实现权利要求1至7中任一项所述的组件懒加载方法,所述系统包括:高度获取模块,用于在页面组件搭建完成后,获取页面中所有组件的高度信息;请求接收模块,用于接收到用户终端的页面获取请求;页面渲染模块,用于根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件,渲染所述首屏组件的框架和内容,并渲染所述非首屏组件的框架;页面发送模块,用于将渲染后的页面发送至所述用户终端,所述用户终端配置为显示2CN114237744A权利要求书2/2页所述页面的首屏。9.一种组件懒加载设备,其特征在于,包括:处理器;存储器,其中存储有所述处理器的可执行指令;其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1至7中任一项所述的组件懒加载方法的步骤。10.一种计算机可读存储介质,用于存储程序,其特征在于,所述程序被处理器执行时实现权利要求1至7中任一项所述的组件懒加载方法的步骤。3CN114237744A说明书1/8页组件懒加载方法、系统、设备及存储介质技术领域[0001]本发明涉及数据处理技术领域,尤其涉及一种组件懒加载方法、系统、设备及存储介质。背景技术[0002]在现有的服务端渲染框架下,服务端和客户端都是一次性渲染所有的组件,当页面组件数量较多时,需要渲染较多的DOM(DocumentObjectModel,文档对象模型)节点,会使服务端渲染和客户端首屏显示的性能下降。发明内容[0003]针对现有技术中的问题,本发明的目的在于