[发明专利]首页加载优化方法、服务器及计算机可读存储介质

说明书

本发明涉及UI设计技术，公开了一种首页加载优化方法、服务器及计算机可读存储介质，所述方法包括：对首页页面的数据文件进行可视化分析，并判断首页页面的多个组件之间是否符合预设依赖关系；当多个组件之间存在有不符合预设依赖关系时，输出优化提醒信息及优化建议，并对不符合预设依赖关系的组件进行调整；将经过优化处理的数据文件按照预设规则进行打包，并存储至Web服务器；接收首页页面的加载请求，并从Web服务器获取首页页面加载所需的基准资源；对基准资源执行页面渲染操作，以完成首页页面加载。本发明通过对首页页面的数据文件进行分析，减少页面加载时异常发生概率，且在首页页面加载时只加载基准资源，提高了页面加载速度。

技术领域

本发明涉及计算机应用领域，尤其涉及首页加载优化方法、服务器及计算机可读存储介质。

背景技术

随着网络技术的发展，现在的网站信息量越来越大，尤其是网站首页，包含的数据、图像、动画、布局、导航等等信息也极其丰富，首页页面的显示效果越来越动人，如此庞大繁复的首页页面对加载效果的要求也越来越高。首页页面构建完成后的构建包的体积较大，导致首页页面加载时间长，存在长时间白屏的问题，对用户的体验十分不友好。同时，当网络状况并不顺畅的时候，也会影响首页页面加载的效果，大大地降低了首页页面的加载速度。

发明内容

有鉴于此，本发明提出一种首页加载优化方法、服务器及计算机可读存储介质，首页页面加载时只加载基准资源，而不是在首页内容全部加载，可提高首页页面的加载速度。

首先，为实现上述目的，本发明提出一种服务器，所述服务器包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的首页加载优化系统，所述首页加载优化系统被所述处理器执行时实现如下步骤：

对首页页面的数据文件进行可视化分析生成分析结果，并根据所述分析结果来判断所述首页页面的多个组件之间是否符合预设依赖关系；

当多个所述组件之间存在有不符合所述预设依赖关系的情形时，输出优化提醒信息及优化建议，并根据所述优化提醒信息和所述优化建议对不符合所述预设依赖关系的组件进行调整；

将经过优化处理的数据文件按照预设规则进行打包，并将打包得到的数据包存储至Web服务器；

接收首页页面的加载请求，并根据所述加载请求从所述Web服务器获取所述首页页面加载所需的基准资源；及

对所述基准资源执行页面渲染操作，以完成所述首页页面的加载。

可选地，所述接收首页页面的加载请求，并根据所述加载请求从所述Web服务器获取所述首页页面加载所需的基准资源的步骤包括：

从所述首页页面的加载请求中提取用于记录客户端页面缓存的本地缓存信息；

根据所述本地缓存信息计算所述首页页面本次加载所需的基准资源；及

根据计算结果从所述Web服务器获取所述首页页面本次加载所需的基准资源。

可选地，所述对所述基准资源执行页面渲染操作的步骤包括：

获取所述基准资源包含的原始CSS文件；及

查找并删除所述原始CSS文件中的无效的CSS样式，并利用经过所述删除处理的基准资源执行页面渲染操作。

可选地，所述对所述基准资源执行页面渲染操作，以完成所述首页页面的加载的步骤之后还包括：

获取首页页面的点击指令，并根据所述点击指令获取与所述点击指令匹配的待加载资源；

判断所述待加载资源是否包含第三方库组件；及

当所述待加载资源包含第三方库组件时，通过内容分发网络来引入所述待加载资源中的第三方库组件，及从所述Web服务器获取其余待加载资源。