(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210566668.7 (22)申请日 2022.05.23 (71)申请人 深圳市大头兄弟科技有限公司 地址 518000 广东省深圳市宝安区西乡街 道劳动社区西乡大道西侧海虹工业厂 区二期2栋9 ABCDE单位 (72)发明人 刘旭　 (74)专利代理 机构 深圳市特讯知识产权代理事 务所(普通 合伙) 44653 专利代理师 孟智广 (51)Int.Cl. G06F 9/445(2018.01) G06F 16/957(2019.01) (54)发明名称 网页加载速度提升方法及相关装置 (57)摘要 本发明涉及互联网领域， 公开了一种网页加 载速度提升方法及相关装置， 通过 获取目标资源 的标签信息， 并将所述目标资源的标签信息对应 的统一资源定位符存放至所述目标资源对应的 预设属性中； 创建预设观察函数， 并在目标页面 监听DOMContentLoaded事件； 在满足触发条件 时， 所述DOMContentLoaded事件被触发， 通过所 述预设观察函数对所述目标资源对应的预设属 性进行遍历以获得遍历结果； 根据所述遍历结果 确认可视资源， 并将所述可视资源对应的所述统 一资源定位符赋值到所述可视资源的目标属性 中以进行对 所述可视资源的加载， 在网页的加载 过程中通过监控 可视资源的变更， 对需要加载的 资源进行加载， 实现了提升网页加载速度的技术 效果。 权利要求书2页 说明书8页 附图3页 CN 115098180 A 2022.09.23 CN 115098180 A 1.一种网页加载速度提升方法， 其特 征在于， 所述网页加载速度提升方法包括： 获取目标资源的标签信 息， 并将所述目标资源的标签信 息对应的统一资源定位符存放 至所述目标资源 对应的预设属性中； 创建预设观察 函数， 并在目标页面 监听DOMContentLoaded事件； 在满足触发条件时， 所述DOMContentLoaded事件被触发， 通过所述预设观察函数对所 述目标资源 对应的预设属性进行遍历以获得遍历结果； 根据所述遍历结果确 认可视资源， 并将所述可视资源对应的所述统一资源定位符赋值 到所述可视资源的目标属性中以进行对所述可视资源的加载。 2.根据权利要求1所述的网页加载速度提升方法， 其特征在于， 所述获取目标资源的标 签信息， 并将所述目标资源的标签信息对应的统一资源定位符存放至所述目标资源对应的 预设属性中包括： 获取目标资源的标签信息， 所述目标资源 包括： 需要优化加载的图片和/或视频； 将所述目标资源的标签信息对应的URL链接存放至所述目标资源 对应的预设属性中。 3.根据权利要求1所述的网页加载速度提升方法， 其特征在于， 所述创建预设观察函 数， 并在目标页面 监听DOMContentLoaded事件包括： 在document.ad dEventListener方法内创建观察 函数Intersecti onObserver； 根据所述观察函数IntersectionObserver对应的监听参数在目标页面监听 DOMContentLoaded事件。 4.根据权利要求1所述的网页加载速度提升方法， 其特征在于， 所述在满足触发条件 时， 所述DOMContentLoaded事件被触发， 通过所述预设观察函数对所述目标资源对应的预 设属性进行遍历以获得遍历结果包括： 在所述目标页面中， HTML文档被完全加 载和解析完成时， 所述DOMContentLoaded事件 被触发； 通过所述预设观察 函数对所述目标资源 对应的预设属性进行遍历并获得遍历结果。 5.根据权利要求1所述的网页加载速度提升方法， 其特征在于， 所述根据 所述遍历结果 确认可视资源， 并将所述可视 资源对应的所述统一资源定位符赋值到所述可视 资源的目标 属性中以进行对所述可视资源的加载包括： 在所述遍历结果中根据 是否进入视口作为判定条件， 若在所述遍历结果中存在进入视 口的资源， 则将所述资源判定为可视资源； 将所述可视资源对应的所述统一资源定位符赋值到所述可视资源的目标属性中以对 所述可视资源进行加载。 6.根据权利要求5所述的网页加载速度提升方法， 其特征在于， 所述将所述可视资源对 应的所述统一资源定位符赋值到所述可视资源的目标属 性中以对所述可视资源进行加载 包括： 将所述可视资源 对应的统一资源定位符赋值到所述可视资源的src属性中； 根据所述可视资源的scr属性完成对所述可视资源的加载。 7.根据权利要求1至6任一项所述的网页加载速度提升方法， 其特征在于， 所述根据所 述遍历结果确认可视资源， 并将所述可视 资源对应的所述统一资源定位符赋值到所述可视 资源的目标属性中以进行对所述可视资源的加载之后， 还 包括：权　利　要　求　书 1/2 页 2 CN 115098180 A 2解除对所述可视资源的监听； 判定是否还有需要加载的目标资源， 若有， 则继续在所述目标页面监听所述 DOMContentLoaded事件； 若无， 则将所述可视资源的目标属性中的统一资源定位符进行清空。 8.一种网页加载速度提升装置， 其特 征在于， 所述网页加载速度提升装置包括： 资源获取模块， 用于获取目标资源的标签信息， 并将所述目标资源的标签信息对应的 统一资源定位符存放至所述目标资源 对应的预设属性中； 资源监听模块， 用于创建预设观察 函数， 并在目标页面 监听DOMContentLoaded事件； 资源遍历模块， 用于在满足触发条件时， 所述DOMContentLo aded事件被触发， 通过所述 预设观察 函数对所述目标资源 对应的预设属性进行遍历以获得遍历结果； 资源加载模块， 用于根据所述遍历结果确认可视资源， 并将所述可视资源对应的所述 统一资源定位符赋值到所述可视资源的目标属性中以进行对所述可视资源的加载。 9.一种网页加载速度提升设备， 其特征在于， 所述网页加载速度提升设备包括： 存储 器、 处理器及存储在所述存储器上并可在所述处理器上运行 的网页加载速度提升程序， 所 述网页加载速度提升程序配置为实现如权利要求1至7中任一项所述的网页加载速度提升 方法的步骤。 10.一种存储介质， 其特征在于， 所述存储介质上存储有网页加载速度提升程序， 所述 网页加载速度提升程序被处理器执行时实现如权利要求1至7任一项所述的网页加载速度 提升生成方法的步骤。权　利　要　求　书 2/2 页 3 CN 115098180 A 3