[发明专利]阻塞处理方法及装置、存储介质及电子装置

说明书

本发明公开了一种阻塞处理方法及装置、存储介质及电子装置，其中，上述方法包括：分析目标框架的源代码，以确定所述目标框架的全生命周期中的目标节点，其中，所述目标节点发生阻塞的概率超过预设阈值；在确定出所述目标节点中的任一目标节点存在阻塞的情况下，对所述任一目标节点对应的目标代码进行异步加载，即通过分析目标框架的源代码，确定目标框架的全生命周期中的节点，在节点阻塞的情况下，通过异步加载的方式处理目标节点对应的目标代码。采用上述技术方案，解决了在访问网页的过程中，页面加载时间较长等问题。

技术领域

本发明涉及通信领域，具体而言，涉及一种阻塞处理方法及装置、存储介质及电子装置。

背景技术

在注重用户体验的互联网环境里，更快的页面访问速度，更流畅的用户操作体验往往是企业关注的重点，也是开发工程师要持续面对的难题。而Vue作为前端领域最为流行的框架之一，开发者基数庞大，利用Vue框架开发的应用数量也极多。但随着应用用户的增多，开发工程师将不可避免的遭遇同样的问题：性能瓶颈，具体表现为：应用访问缓慢，浏览器加载页面时长高；用户操作相应延迟、丢帧、卡顿；开发工程师在开发调试过程中等待响应时间长，开发效率低。

针对相关技术，在访问网页的过程中，页面加载时间较长等问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种阻塞处理方法及装置、存储介质及电子装置，以至少解决在访问网页的过程中，页面加载时间较长等问题。

根据本发明实施例的一方面，提供一种阻塞处理方法，包括：分析目标框架的源代码，以确定所述目标框架的全生命周期中的目标节点，其中，所述目标节点发生阻塞的概率超过预设阈值；在确定出所述目标节点中的任一目标节点存在阻塞的情况下，对所述任一目标节点对应的目标代码进行异步加载。

进一步地，所述目标节点包括以下至少之一：入口文件、路由钩子函数、页面组件生命周期钩子函数。

进一步地，对所述任一目标节点对应的代码进行异步加载之前，所述方法还包括：对所有所述目标节点对应的代码进行分析，得到分析结果；根据所述分析结果确定所有所述目标节点中存在阻塞的任一目标节点。

进一步地，对所有所述目标节点对应的代码进行分析，得到分析结果，包括：通过模块打包器对不同页面的资源代码单独打包，以使不同页面的资源代码对应不同包；对于所有所述目标节点中的任一目标节点，对所述任一目标节点的所述不同包进行分析，得到分析结果。

进一步地，通过模块打包器对不同页面的资源代码单独打包，以使不同页面的资源代码对应不同包，包括：确定对所述不同页面的资源代码进行打包的模块打包器；通过所述模块打包器对不同页面的资源代码单独打包，以使不同页面的资源代码对应不同包。

进一步地，通过模块打包器对不同页面的资源代码单独打包，以使不同页面的资源代码对应不同包之后，所述方法还包括：确定所述不同包中的关键资源和非关键资源，其中，所述关键资源用于指示在第一时间在所述目标框架对应的页面上显示的资源，所述非关键资源用于指示在第二时间在所述目标框架对应的页面上显示的资源，所述第一时间早于所述第二时间；异步加载所述非关键资源。

进一步地，在确定出所述目标节点中的任一目标节点存在阻塞的情况下，对所述任一目标节点对应的目标代码进行异步加载之后，还包括：确定所述目标框架所使用的骨架屏，并在所述目标框架对应的页面上显示所述骨架屏；响应页面程序发送的数据请求，加载所述数据请求对应的页面资源；在所述数据请求对应的页面资源加载成功的情况下，隐藏所述骨架屏。

根据本发明实施例的又一方面，还提供一种阻塞处理装置，包括：确定模块，用于分析目标框架的源代码，以确定所述目标框架的全生命周期中的目标节点，其中，所述目标节点包括以下至少之一：入口文件、路由钩子函数、页面组件生命周期钩子函数；处理模块，用于在确定出所述目标节点中的任一目标节点存在阻塞的情况下，对所述任一目标节点对应的目标代码进行异步加载。