组件懒加载方法、系统、设备及存储介质技术方案

本发明专利技术提供了一种组件懒加载方法、系统、设备及存储介质，该方法包括：页面组件搭建完成后，获取页面中所有组件的高度信息；接收到用户终端的页面获取请求；根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件；渲染所述首屏组件的框架和内容，并渲染所述非首屏组件的框架；将渲染后的页面发送至所述用户终端，所述用户终端配置为显示所述页面的首屏。本发明专利技术通过对非首屏组件进行懒加载，提升了页面服务端渲染和客户端首屏显示的性能。性能。性能。

【技术实现步骤摘要】
组件懒加载方法、系统、设备及存储介质


[0001]本专利技术涉及数据处理
，尤其涉及一种组件懒加载方法、系统、设备及存储介质。

技术介绍

[0002]在现有的服务端渲染框架下，服务端和客户端都是一次性渲染所有的组件，当页面组件数量较多时，需要渲染较多的DOM(Document Object Model，文档对象模型)节点，会使服务端渲染和客户端首屏显示的性能下降。

技术实现思路

[0003]针对现有技术中的问题，本专利技术的目的在于提供一种组件懒加载方法、系统、设备及存储介质，提升页面服务端渲染和客户端首屏显示的性能。
[0004]本专利技术实施例提供一种组件懒加载方法，包括如下步骤：
[0005]页面组件搭建完成后，获取页面中所有组件的高度信息；
[0006]接收到用户终端的页面获取请求；
[0007]根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件；
[0008]渲染所述首屏组件的框架和内容，并渲染所述非首屏组件的框架；
[0009]将渲染后的页面发送至所述本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件懒加载方法，其特征在于，包括如下步骤：页面组件搭建完成后，获取页面中所有组件的高度信息；接收到用户终端的页面获取请求；根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件；渲染所述首屏组件的框架和内容，并渲染所述非首屏组件的框架；将渲染后的页面发送至所述用户终端，所述用户终端配置为显示所述页面的首屏。2.根据权利要求1所述的组件懒加载方法，其特征在于，所述获取页面中所有组件的高度信息，包括如下步骤：调用爬虫服务，爬取页面中所有组件的高度信息。3.根据权利要求1所述的组件懒加载方法，其特征在于，所述根据各个所述组件的高度信息将所有组件区分为首屏组件和非首屏组件，包括如下步骤：获取各个所述组件的排列顺序；获取所述页面的首屏的高度信息；基于各个所述组件的排列顺序、高度信息和所述页面的首屏的高度信息，确定各个所述组件是否在首屏显示；将在首屏显示的组件作为首屏组件，将不在首屏显示的组件作为非首屏组件。4.根据权利要求1所述的组件懒加载方法，其特征在于，所述将渲染后的页面发送至用户终端之后，还包括如下步骤：接收到所述用户终端的页面上滑请求；确定页面下滑后，显示于所述用户终端的非首屏组件；渲染确定的非首屏组件的内容。5.根据权利要求1所述的组件懒加载方法，其特征在于，渲染所述非首屏组件的框架，包括：根据所述非首屏组件的高度信息，渲染相应高度的非首屏组件的框架。...

【专利技术属性】
技术研发人员：李超龙，孙罡，
申请(专利权)人：携程旅游网络技术上海有限公司，
类型：发明
国别省市：