(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210146469.0 (22)申请日 2022.02.17 (71)申请人 上海哔哩哔哩科技有限公司 地址 200433 上海市杨 浦区四平路1945号 1641室 (72)发明人 朱泽亮　 (74)专利代理 机构 北京市浩天知识产权代理事 务所(普通 合伙) 11276 专利代理师 宋菲 (51)Int.Cl. G06F 9/445(2018.01) (54)发明名称 资源加载方法、 装置、 电子设备及计算机存 储介质 (57)摘要 本申请公开了一种资源加载方法、 装置、 电 子设备及计算机存储介质。 其中， 所述方法包括： 展示当前页面； 响应于进入可见展示区域， 加载 对应的骨架组件； 其中， 所述骨架组件用于在资 源数据尚未加载前先给用户展示出页面结构； 当 所述骨架组件与所述可见展示区域满足预设条 件时， 加载所述可见展示区域内所述骨架组件对 应的资源数据； 根据渲染参数和所述骨架组件在 所述可见展示区域内渲染加载的资源 数据。 本方 案通过只加载可见展示区域内所述骨架组件对 应的资源数据， 可 以减少加载资源数据量， 减少 资源加载时间， 从而提高页面 渲染效率。 权利要求书2页 说明书8页 附图6页 CN 114661370 A 2022.06.24 CN 114661370 A 1.一种资源加载 方法， 其特 征在于， 包括： 展示当前页面； 响应于进入可见展示 区域， 加载对应的骨架组件； 其中， 所述骨架组件用于在 资源数据 尚未加载 前先给用户展示出页面结构； 当所述骨架 组件与所述可见展示区域满足预设条件时， 加载所述可见展示区域内所述 骨架组件 对应的资源数据； 根据渲染参数和所述骨架组件在所述可 见展示区域内渲染加载的资源数据。 2.根据权利要求1所述的方法， 其特征在于， 确定所述骨架 组件与所述可见展示 区域满 足预设条件， 包括： 通过IntersectionObserver应用程序编程接口API自动监测所述骨架组件是否进入所 述可见展示区域； 当所述IntersectionObserverAPI监测到所述骨架组件进入所述可见展示区域时， 确 定所述骨架组件与所述可 见展示区域满足预设条件。 3.根据权利要求1或2所述的方法， 其特征在于， 确定所述骨架组件与所述可见展示区 域满足预设条件， 包括： 确定所述骨架组件与视口产生的交叉区范围； 当所述范围大于预设范围时， 确定所述骨架组件进入所述可 见展示区域。 4.根据权利要求1或2所述的方法， 其特征在于， 确定所述骨架组件与所述可见展示区 域满足预设条件， 包括： 确定所述骨架组件与视口外边距的距离； 当所述距离小于预设距离时， 确定所述骨架组件进入所述可 见展示区域。 5.根据权利要求1 ‑4任一项所述的方法， 其特 征在于， 所述方法还 包括： 确定当前加载所述资源数据的当前等待时间， 当所述当前等待时间大于预设等待时间 时， 自动加载 所述资源数据。 6.根据权利要求1所述的方法， 其特征在于， 所述加载所述可见展示区域内所述骨架 组 件对应的资源数据， 包括： 当检测到终端设备的当前显示界面进入当前页面时， 加载懒加载组件； 通过所述懒加载组件加载 所述可见展示区域内所述骨架组件 对应的资源数据。 7.根据权利要求6所述的方法， 其特征在于， 所述通过所述懒加载组件加载所述可见展 示区域内所述骨架组件 对应的资源数据， 包括： 将加载资源数据时的预设等待时间、 视口、 视口滚动方向、 所述骨架 组件进入所述视口 的预设范围、 视口外边距中的执 行一个参数作为所述懒加载组件的组件参数； 所述懒加载组件基于所述组件参数加载所述可见展示区域内所述骨架组件对应的资 源数据。 8.根据权利要求1 ‑7任一项所述的方法， 其特征在于， 所述根据渲染参数和所述骨架组 件在所述可 见展示区域内渲染加载的资源数据， 包括： 确定当前渲染等待时间， 当所述当前渲染等待时间大于最大等待时间时， 根据渲染参 数和所述骨架组件在所述可 见展示区域内自动渲染加载的资源数据。 9.根据权利要求1 ‑7任一项所述的方法， 其特征在于， 所述根据渲染参数和所述骨架组权　利　要　求　书 1/2 页 2 CN 114661370 A 2件在所述可 见展示区域内渲染加载的资源数据， 包括： 准备加载懒加载组件， 所述懒加载组件中包 含所述渲染参数； 开始加载 所述懒加载组件， 所述骨架组件开始消失； 通过所述懒加载组件在所述可见展示 区域内渲染加载的资源数据， 所述骨架 组件开始 离开； 所述骨架组件已经离开； 初始化完成， 实现动画渲染。 10.一种资源加载装置， 其特 征在于， 包括： 页面展示模块， 用于展示当前页面； 加载模块， 用于响应于进入可见展示区域， 加载对应的骨架组件； 其中， 所述骨架组件 用于在资源数据尚未加载前先给用户展示出页面结构； 当所述骨架组件与所述可见展示区 域满足预设条件时， 加载 所述可见展示区域内所述骨架组件 对应的资源数据； 渲染模块， 用于根据渲染参数和所述骨架 组件在所述可见展示 区域内渲染加载的资源 数据。 11.一种电子设备， 包括： 处理器、 存储器、 通信 接口和通信总线， 所述处理器、 所述存储 器和所述 通信接口通过 所述通信总线完成相互间的通信； 所述存储器用于存放至少一可执行指令， 所述可执行指令使所述处理器执行如权利要 求1‑9中任一项所述的资源加载 方法对应的操作。 12.一种计算机存储介质， 所述存储介质中存储有至少一可执行指令， 所述可执行指令 使处理器执行如权利要求1 ‑9中任一项所述的资源加载 方法对应的操作。权　利　要　求　书 2/2 页 3 CN 114661370 A 3