买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：浪潮工业互联网股份有限公司

摘要：本说明书实施例公开了一种web前端首页的白屏优化系统、方法及设备，系统包括：可视单元、webpack功能单元、资源获取单元、白屏反馈单元、性能监控单元、优化策略单元；资源获取单元，用于在web前端页面的首页文件中插入对应的链接，以通过对应的链接获取到所述首页文件的VUE资源；白屏反馈单元用于确定白屏状态数据；可视单元用于构成可视化界面；webpack功能单元用于对待加载数据进行压缩打包，获得目标打包文件；性能监控模块用于获取web前端页面加载过程中组件间的依赖；优化策略模块用于确定所述系统的待优化组件，根据组件间的依赖关系与预设组件的依赖关系确定待调整组件，基于待优化组件与待调整组件生成待优化信息，对待优化组件与待调整组件进行调整。

主权项：1.一种web前端首页的白屏优化系统，其特征在于，所述系统包括：资源获取单元、白屏反馈单元、可视单元、webpack功能单元、性能监控单元、优化策略单元；其中，所述资源获取单元、所述白屏反馈单元、所述可视单元、所述webpack功能单元、所述性能监控单元、所述优化策略单元依次通过相对应的数据传输链路进行通信；所述资源获取单元，用于在web前端页面的首页文件中插入对应的链接，以通过所述对应的链接获取到所述首页文件的VUE资源；所述白屏反馈单元，用于根据页面响应数据，确定与当前web前端页面的白屏状态相对应的白屏状态数据；其中，所述白屏状态包括：正常白屏响应，异常白屏响应；所述可视单元，用于基于所述白屏反馈单元确定的所述web前端页面的首页状态，根据接收的页面请求与所述首页状态提供对应的骨架屏，将所述可视单元填充于所述骨架屏，构成可视化界面；所述webpack功能单元用于根据所述白屏状态获取所述首页文件的VUE资源，并对所述首页文件的VUE资源与所述可视化界面对应的待打包项目文件中的待加载数据进行压缩打包，获得目标打包文件；所述性能监控单元用于监控所述目标打包文件在所述web前端页面中的运行数据，以获取web前端页面加载过程中组件间的依赖关系；所述优化策略单元用于根据所述白屏状态数据、加载时间与所述页面的渲染时间，确定所述系统的中待优化组件，并基于所述组件间的依赖关系与预设组件的依赖关系确定待调整组件，基于所述待优化组件与所述待调整组件生成待优化信息，以对所述待优化组件与所述待调整组件进行优化调整。

全文数据：

权利要求：

百度查询： 浪潮工业互联网股份有限公司 一种web前端首页的白屏优化系统、方法及设备