[发明专利]一种前端页面加载的方法及系统

说明书

技术领域

本发明涉及移动通信领域，尤其涉及的是一种前端页面加载的方法及系统。

背景技术

受互联网带宽的限制，互联网产品在加载大量前端资源文件时，用户需要等待比较长的时间。通常在面临这种情况时，都是在加载大量前端资源文件时将页面分块布局，将整体页面渲染分成多块，以减少用户在页面第一屏的等待时间。但页面整体加载时间并没有减少，用户仍然能看到页面正在加载中。另一种做法，就是降低页面效果，比如压缩图片、减少动画效果等，这种做法的确能减少用户的等待时间，但是用户看到的页面效果就比预想的效果要差一些了。

因此，现有技术有待于进一步的改进。

发明内容

鉴于上述现有技术中的不足之处，本发明的目的在于为用户提供一种前端页面加载的方法及系统，以解决现有技术中前端页面加载响应较慢的问题。

本发明解决技术问题所采用的技术方案如下：

一种前端页面加载的方法，其中，包括：

A、预先对前端页面资源进行分类，并设置不同类别页面资源加载的优先级顺序；

B、接收用户请求加载前端页面的指令，加载页面整体分块框架及运行加载组件；

C、所述加载组件根据预先设置的加载的优先级顺序依次加载页面资源，并在加载前一类别页面资源的同时，预加载后一分类的页面资源，直到整个页面的页面资源加载完成。

所述前端页面加载的方法，其中，所述步骤C中还包括：

C1、所述加载组件在加载前一类别的页面资源同时，获取后一类别的页面资源，若获取失败，则根据预先设置的加载的优先级顺序，获取下一个类别的页面资源。

所述前端页面加载的方法，其中，所述步骤C还包括：

C2、对获取后一类别的页面资源的时间进行定时，当时间超时，则判定获取失败。

所述前端页面加载的方法，其中，所述步骤A中设置加载的优先级顺序为页面展示的先后顺序。

所述前端页面加载的方法，其中，所述步骤A中设置加载的优先级顺序为用户浏览页面时的使用到的应用程序的链接顺序。

一种前端页面加载的系统，其中，包括以下模块：

加载设置模块，用于预先对前端页面资源进行分类，并设置不同类别页面资源加载的优先级顺序；

加载开启模块，用于接收用户请求加载前端页面的指令，加载页面整体分块框架及运行加载组件；

加载处理模块，用于根据预先设置的加载的优先级顺序依次加载页面资源，并在加载前一类别页面资源的同时，预加载后一分类的页面资源，直到整个页面的页面资源加载完成。

所述前端页面加载的系统，其中，所述加载处理模块还包括：资源获取单元；

所述资源获取单元，用于在加载前一类别的页面资源同时，获取后一类别的页面资源，若获取失败，则根据预设设置的加载的优先级顺序，获取下一个类别的页面资源。

所述前端页面加载的系统，其中，所述加载处理模块还包括：定时单元；

所述定时单元，用于对获取后一类别的页面资源的时间进行定时，当时间超时，则判定获取失败。

所述前端页面加载的系统，其中，所述加载设置模块中设置加载的优先级顺序为页面展示的先后顺序。

所述前端页面加载的系统，其中，所述加载设置模块中设置加载的优先级顺序为用户浏览页面时的使用到的应用程序的链接顺序。

有益效果，本发明所提供的一种前端页面加载的方法及系统，通过首先将页面资源进行分类，对分类出的页面资源设置加载的优先级顺序，在加载前一类别的页面资源时，预先在后台获取后一类别的页面资源，使在前一类别的页面资源加载完成后，后一类别的页面资源在后台已经加载完成或者已经加载了一部分，从而减少了在前端页面进行加载时响应的时间，并且加载的优先级顺序可以根据用户的需求进行设置，因此本发明所述方法及系统为用户在访问页面时候提供方便。

附图说明

图1是本发明前端页面加载的方法步骤流程图。

图2是本发明前端页面加载的系统原理结构示意图。

具体实施方式

为使本发明的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用于解释本发明，并不用于限定本发明。

本发明提供了一种前端页面加载的方法，如图1所示，所述方法包括以下步骤：

S1、预先对前端页面资源进行分类，并设置不同类别页面资源加载的优先级顺序。