HTML5页面资源的加载方法、装置、设备及存储介质

技术领域

本申请涉及到人工智能技术领域，特别是涉及到一种HTML5页面资源的加载方法、装置、设备及存储介质。

背景技术

HTML5结合了HTML4.01的相关标准并革新，符合现代网络发展要求，在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。移动端的混合开发因为开发效率高、更新和部署简单、比web版实现功能多、可离线运行等优点，得到广泛的应用。

现有的混合开发的移动端的HTML5资源要么放在本地缓存，要么直接从服务端获取。HTML5资源全部放在本地缓存，虽然解决了加载慢的问题，但是会导致流量资源的浪费，如果HTML5资源部分放在本地缓存不能全面解决加载慢的问题；HTML5资源放在服务端，虽然解决了更新问题，但是会导致加载慢，降低了用户体验。

发明内容

本申请的主要目的为提供一种HTML5页面资源的加载方法、装置、设备及存储介质，旨在解决现有技术采用混合开发的移动端将HTML5资源放在本地缓存和/或服务端，不能同时解决流量资源浪费和加载慢的技术问题。

为了实现上述发明目的，本申请提出一种HTML5页面资源的加载方法，所述方法包括：

获取移动端开启请求；

响应所述移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果；

根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据所述待初始化的HTML5资源更新本地缓存；

获取页面加载请求，所述页面加载请求携带有待加载的页面标识；

响应所述页面加载请求，判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当所述判断结果是与在所述服务端相同时，将所述本地缓存中所述待加载的页面标识对应的所述HTML5资源作为待加载的HTML5资源，否则，根据所述待加载的页面标识从所述服务端获取所述HTML5资源作为所述待加载的HTML5资源；

响应所述页面加载请求，根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存；

根据所述待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面。

进一步的，所述采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果的步骤之前，包括：

获取多个训练样本，所述训练样本包括：访问行为序列样本数据；

按预设划分规则将所述多个训练样本进行划分，得到训练集合和验证集合；

采用所述训练集合对待训练的模型进行训练，得到待验证的模型，所述待训练的模型包括：卷积层、p-Max池化层、激活层、全连接层；

采用所述验证集合对所述待验证的模型进行验证，得到验证结果；

当所述验证结果为失败时，根据所述验证结果对所述待验证的模型进行参数更新，得到所述待训练的模型，重复执行所述采用所述训练集合对待训练的模型进行训练，得到待验证的模型的步骤，直至所述验证结果为成功；

将所述验证结果为成功的所述待验证的模型，确定为所述点击行为预测模型。

进一步的，所述根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源的步骤，包括：

采用预设时长从所述点击行为预测结果中获取页面标识，得到预测点击的页面标识集合；

根据所述预测点击的页面标识集合从所述本地缓存中获取版本号，得到第一本地版本号集合；

根据所述预测点击的页面标识集合从所述服务端中获取版本号，得到第一服务端版本号集合；

根据所述第一本地版本号集合和所述第一服务端版本号集合进行同一页面标识的版本号的对比，得到多个第一对比结果；

当所述第一对比结果为不相同时，将所述第一对比结果对应的所述页面标识，作为待初始化的页面标识；

根据所有所述待初始化的页面标识，得到待初始化的页面标识集合；

根据所述待初始化的页面标识集合从所述服务端获取HTML5资源，得到所述待初始化的HTML5资源。

进一步的，所述采用预设时长从所述点击行为预测结果中获取页面标识，得到预测点击的页面标识集合的步骤，包括：

获取页面分级数据、预设初始化级数、所述预设时长；

采用所述页面分级数据、所述预设初始化级数和所述预设时长从所述点击行为预测结果中获取所述页面标识，得到所述预测点击的页面标识集合。

进一步的，所述判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果的步骤，包括：

根据所述待加载的页面标识从所述本地缓存中获取版本号，得到第二本地版本号；

根据所述待加载的页面标识从所述服务端中获取版本号，得到第二服务端版本号；

当所述第二本地版本号与所述第二服务端版本号相同时，确定所述判断结果为是与在所述服务端相同，否则确定所述判断结果为是与在所述服务端不相同。

进一步的，所述根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存的步骤，包括：

将所述待加载的页面标识在所述点击行为预测结果中进行查找，将在所述点击行为预测结果中查找到的页面标识对应的所有预设点击级数的页面标识作为所述下一步的页面标识预测结果；

分别根据所述下一步的页面标识预测结果中的每个页面标识从所述本地缓存中获取版本号，得到第三本地版本号集合；

分别根据所述下一步的页面标识预测结果中的每个页面标识从所述服务端中获取版本号，得到第三服务端版本号集合；

根据所述第三本地版本号集合和所述第三服务端版本号集合进行同一页面标识的版本号的对比，得到多个第二对比结果；

当所述第二对比结果为不相同时，将所述第二对比结果对应的所述页面标识，作为待更新的预设点击级数页面标识；

根据所有所述待更新的预设点击级数页面标识，得到待更新的预设点击级数页面标识集合；

根据所述待更新的预设点击级数页面标识集合从所述服务端获取HTML5资源，得到待更新的预设点击级数页面HTML5资源；

根据所述待更新的预设点击级数页面HTML5资源更新所述本地缓存。

进一步的，所述获取移动端开启请求的步骤之后，还包括：

获取所述服务端发送的页面大批量更新请求；

响应所述页面大批量更新请求，获取网络类型数据；

当所述网络类型数据为WIFI或5G时，获取所述服务端发送的HTML5资源压缩包，得到大批量待更新的HTML5资源；

将所述大批量待更新的HTML5资源进行解压，得到解压后的HTML5资源；

根据所述解压后的HTML5资源更新所述本地缓存。

本申请还提出了一种HTML5页面资源的加载装置，所述装置包括：

第一请求获取模块，用于获取移动端开启请求；

点击行为预测模块，用于响应所述移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果；

本地初始化更新模块，用于根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据所述待初始化的HTML5资源更新本地缓存；

第二请求获取模块，用于获取页面加载请求，所述页面加载请求携带有待加载的页面标识；

页面加载模块，用于响应所述页面加载请求，判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当所述判断结果是与在所述服务端相同时，将所述本地缓存中所述待加载的页面标识对应的所述HTML5资源作为待加载的HTML5资源，否则，根据所述待加载的页面标识从所述服务端获取所述HTML5资源作为所述待加载的HTML5资源；

响应所述页面加载请求，判断响应所述页面加载请求，根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存；

目标HTML5页面确定模块，用于根据所述待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面。

本申请还提出了一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。

本申请还提出了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项所述的方法的步骤。

本申请的HTML5页面资源的加载方法、装置、设备及存储介质，通过响应移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对历史访问行为数据进行点击行为预测，得到点击行为预测结果，根据点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据待初始化的HTML5资源更新本地缓存，响应页面加载请求，判断在本地缓存中待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当判断结果是与在所述服务端相同时，将本地缓存中待加载的页面标识对应的HTML5资源作为待加载的HTML5资源，否则，根据待加载的页面标识从服务端获取HTML5资源作为待加载的HTML5资源，根据待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面，从而使本地缓存中的HTML5资源更符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验；通过响应页面加载请求，根据待加载的页面标识和点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据下一步的页面标识预测结果更新本地缓存，根据用户的操作提前将预设点击级数页面的HTML5资源的存储到本地缓存，进一步提高了加载HTML5资源的时效性；因此本申请同时解决了流量资源浪费和加载慢的技术问题，提高了用户体验。

附图说明

图1为本申请一实施例的HTML5页面资源的加载方法的流程示意图；

图2为本申请一实施例的HTML5页面资源的加载装置的结构示意框图；

图3为本申请一实施例的计算机设备的结构示意框图。

本申请目的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

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

为了解决现有技术采用混合开发的移动端将HTML5资源放在本地缓存和/或服务端，不能同时解决流量资源浪费和加载慢的技术问题，本申请提出了一种HTML5页面资源的加载方法，所述方法应用于人工智能技术领域。所述HTML5页面资源的加载方法在移动端开启时对点击行为预测，根据点击行为预测结果初始化本地缓存中的HTML5资源，然后响应页面加载请求，在本地缓存中待加载的页面标识对应的HTML5资源是与在所述服务端相同时，直接加载本地缓存中的HTML5资源，否则从服务端获取HTML5资源进行加载，并且根据待加载的页面标识和点击行为预测结果进行预设点击级数页面展开预测，并根据预设点击级数页面展开预测结果更新本地缓存，从而使本地缓存中的HTML5资源更符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验；因此本申请同时解决了流量资源浪费和加载慢的技术问题，提高了用户体验。

参照图1，本申请实施例中提供一种HTML5页面资源的加载方法，所述方法包括：

S1：获取移动端开启请求；

S2：响应所述移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果；

S3：根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据所述待初始化的HTML5资源更新本地缓存；

S4：获取页面加载请求，所述页面加载请求携带有待加载的页面标识；

S5：响应所述页面加载请求，判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当所述判断结果是与在所述服务端相同时，将所述本地缓存中所述待加载的页面标识对应的所述HTML5资源作为待加载的HTML5资源，否则，根据所述待加载的页面标识从所述服务端获取所述HTML5资源作为所述待加载的HTML5资源；

S6：响应所述页面加载请求，根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存；

S7：根据所述待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面。

本实施例通过响应移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对历史访问行为数据进行点击行为预测，得到点击行为预测结果，根据点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据待初始化的HTML5资源更新本地缓存，响应页面加载请求，判断在本地缓存中待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当判断结果是与在所述服务端相同时，将本地缓存中待加载的页面标识对应的HTML5资源作为待加载的HTML5资源，否则，根据待加载的页面标识从服务端获取HTML5资源作为待加载的HTML5资源，根据待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面，从而使本地缓存中的HTML5资源更符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验；通过响应页面加载请求，根据待加载的页面标识和点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据下一步的页面标识预测结果更新本地缓存，根据用户的操作提前将预设点击级数页面的HTML5资源的存储到本地缓存，进一步提高了加载HTML5资源的时效性；因此本申请同时解决了流量资源浪费和加载慢的技术问题，提高了用户体验。

对于S1，可以获取用户发送的移动端开启请求，也可以是第三方应用系统发送的移动端开启请求。

移动端开启请求，是指打开移动端的请求。

移动端，是指可以运行在移动电子设备上的软件程序。移动电子设备包括但不限于：手机、平板电脑、穿戴设备。

对于S2，响应所述移动端开启请求以打开移动端，从所述移动端的本地缓存中获取历史访问行为数据。

可选的，所述采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果的步骤包括：根据所述历史访问行为数据生成历史访问行为序列，将所述历史访问行为序列输入点击行为预测模型进行点击行为预测，得到所述点击行为预测结果。

可选的，所述采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果的步骤还包括：判断所述历史访问行为数据是否为空；当所述历史访问行为数据为空时，获取预设的点击行为数据，将所述预设的点击行为数据作为所述点击行为预测结果；当所述历史访问行为数据不为空时，根据所述历史访问行为数据生成历史访问行为序列，将所述历史访问行为序列输入点击行为预测模型进行点击行为预测，得到所述点击行为预测结果。

可选的，所述根据所述历史访问行为数据生成历史访问行为序列的步骤，包括：采用预设时间间隔根据所述历史访问行为数据生成历史访问行为序列，将所述历史访问行为序列输入点击行为预测模型进行点击行为预测，得到所述点击行为预测结果。

预设时间间隔，可以是5秒、10秒、20秒、30秒、1分钟、2分钟，在此举例不做具体限定。

历史访问行为数据，也就是移动端开启请求对应的移动端的历史的访问行为数据。访问行为数据包括但不限于：访问时间、模块标识、功能标识、页面标识。

模块标识可以是模块名称、模块ID等唯一标识一个软件模块的标识。每个软件模块包括至少一个软件功能，每个软件功能包括至少一个HTML5页面。

功能标识可以是功能名称、功能ID等唯一标识一个软件功能的标识。

页面标识可以是页面名称、页面ID等唯一标识一个HTML5页面的标识。HTML5页面，也就是HTML5页面。

可选的，采用模块标识、功能标识、页面名称或页面ID进行依次拼接，得到页面标识。

点击行为预测模型是基于卷积神经网络训练得到的模型。

对于S3，根据所述点击行为预测结果确定需要更新的页面标识，将需要更新的页面标识从服务端获取HTML5资源，将获取的HTML5资源作为待初始化的HTML5资源，简称H5资源，按页面标识将待初始化的HTML5资源替换本地缓存中的HTML5资源。

HTML5资源，也就是HTML5页面显示的资源。HTML5资源包括但不限于：CSS(层叠样式表)、文本数据、图片资源、音频资源、视频资源。

本地缓存，是指移动端对应的本地缓存。

可选的，从服务端获取一个页面标识的HTML5资源，然后将该页面标识的HTML5资源替换本地缓存中的该页面标识对应的HTML5资源，实现边获取边更新本地缓存。

对于S4，可以获取用户发送的页面加载请求，也可以是第三方应用系统发送的页面加载请求。

页面加载请求，也就是在移动端打开HTML5页面的请求。

待加载的页面标识，是页面加载请求需要在移动端打开的HTML5页面的页面标识。

对于S5，响应所述页面加载请求，通过所述待加载的页面标识在本地缓存中的版本号和在服务端的版本号，判断所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同；当所述待加载的页面标识在本地缓存中的版本号和在服务端的版本号相同时确定所述判断结果为是与在所述服务端相同，否则确定所述判断结果为是与在所述服务端不相同；当所述判断结果是与在所述服务端相同时，可以直接将所述本地缓存中所述待加载的页面标识对应的所述HTML5资源作为所述待加载的HTML5资源，从而有利于提高加载HTML5资源的时效性，提高了用户体验感；当所述判断结果与在所述服务端不相同时，将所述待加载的页面标识从所述服务端获取所述HTML5资源，将获取的所述HTML5资源作为所述待加载的HTML5资源。

可选的，将所述待加载的页面标识从所述服务端获取所述HTML5资源，根据获取的所述HTML5资源更新本地缓存。

对于S6，响应所述页面加载请求，将所述待加载的页面标识在所述点击行为预测结果中查找，将在所述点击行为预测结果中查找到的页面标识对应的所有预设点击级数的页面标识作为下一步的页面标识预测结果；根据下一步的页面标识预测结果确定需要提前更新的页面标识，根据需要提前更新的页面标识从服务端获取HTML5资源，将获取的HTML5资源更新到所述本地缓存。

可以理解的是，步骤S5和步骤S6可以同步执行，也可以异步执行，在此不做具体限定。

对于S7，将所述待加载的HTML5资源在移动端的页面中进行加载及渲染，将加载及渲染结束得到的HTML5页面作为目标HTML5页面。

在一个实施例中，上述采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果的步骤之前，包括：

S021：获取多个训练样本，所述训练样本包括：访问行为序列样本数据；

S022：按预设划分规则将所述多个训练样本进行划分，得到训练集合和验证集合；

S023：采用所述训练集合对待训练的模型进行训练，得到待验证的模型，所述待训练的模型包括：卷积层、p-Max池化层、激活层、全连接层；

S024：采用所述验证集合对所述待验证的模型进行验证，得到验证结果；

S025：当所述验证结果为失败时，根据所述验证结果对所述待验证的模型进行参数更新，得到所述待训练的模型，重复执行所述采用所述训练集合对待训练的模型进行训练，得到待验证的模型的步骤，直至所述验证结果为成功；

S026：将所述验证结果为成功的所述待验证的模型，确定为所述点击行为预测模型。

本实施例实现了基于卷积神经网络训练得到点击行为预测模型，为根据用户的操作习惯进行点击行为预测提供了基础，从而使移动端开启时对本地缓存中的HTML5资源更符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验。

对于S021，可以从数据库中获取多个训练样本，也可以是用户输入的多个训练样本，还可以是第三方应用系统发送的多个训练样本。

访问行为序列样本数据，是根据访问行为数据得到的序列数据。

对于S022，按预设划分规则将所述多个训练样本的每个训练样本划分到训练集合和验证集合。可以理解的是，同一个训练样本只能被划分到训练集合和验证集合中的一个集合。

预设划分规则包括但不限于：按预设比例划分。

对于S023，基于梯度提升决策树GBDT，采用所述训练集合对待训练的模型进行训练。梯度提升决策树的训练原理和过程在此不做赘述。

待训练的模型，是基于卷积神经网络训练得到的模型。待训练的模型包括：卷积层、p-Max池化层、激活层、全连接层。卷积层，用于进行特征提取。p-Max池化层，也就是灵活的池化层，用于选择p个最关键的特征，保留p个最关键的特征的相对顺序，在顺序点击预测中起着至关重要的作用。激活层，采用非线性函数。卷积层、p-Max池化层、激活层输出一阶特征图，卷积层、p-Max池化层、激活层多次重复将产生多个一阶特征图。

对于S024，采用所述验证集合对所述待验证的模型进行验证的方法可以从现有技术中选择，在此不做赘述。

对于S025，当所述验证结果为失败时，意味着所述待验证的模型还没训练到最优，此时根据所述验证结果对所述待验证的模型进行参数更新，得到所述待训练的模型，重复步骤S023至步骤S025，直至所述验证结果为成功。

根据所述验证结果对所述待验证的模型进行参数更新的方法可以从现有技术中选择，在此不做赘述。

对于S026，当所述验证结果为成功时，意味着所述待验证的模型已经被训练到最优，此时可以将所述验证结果为成功的所述待验证的模型作为所述点击行为预测模型。

在一个实施例中，上述根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源的步骤，包括：

S31：采用预设时长从所述点击行为预测结果中获取页面标识，得到预测点击的页面标识集合；

S32：根据所述预测点击的页面标识集合从所述本地缓存中获取版本号，得到第一本地版本号集合；

S33：根据所述预测点击的页面标识集合从所述服务端中获取版本号，得到第一服务端版本号集合；

S34：根据所述第一本地版本号集合和所述第一服务端版本号集合进行同一页面标识的版本号的对比，得到多个第一对比结果；

S35：当所述第一对比结果为不相同时，将所述第一对比结果对应的所述页面标识，作为待初始化的页面标识；

S36：根据所有所述待初始化的页面标识，得到待初始化的页面标识集合；

S37：根据所述待初始化的页面标识集合从所述服务端获取HTML5资源，得到所述待初始化的HTML5资源。

本实施例根据点击行为预测结果获取服务端发送的待初始化的HTML5资源，从而使待初始化的HTML5资源符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验。

对于S31，从所述点击行为预测结果的开始部分开始获取，获取预设时长内的页面标识，将获取的所有页面标识作为预测点击的页面标识集合。

对于S32，分别将所述预测点击的页面标识集合中的每个页面标识在所述本地缓存中获取版本号，将获取的每个版本号作为一个第一本地版本号，将所有第一本地版本号作为第一本地版本号集合。

对于S33，分别将所述预测点击的页面标识集合中的每个页面标识在所述服务端中获取版本号，将获取的每个版本号作为一个第一服务端版本号，将所有第一服务端版本号作为第一服务端版本号集合。

对于S34，从预测点击的页面标识集合中获取一个页面标识作为目标页面标识；将目标页面标识对应的第一本地版本号和目标页面标识对应的第一服务端版本号进行对比，当目标页面标识对应的第一本地版本号和目标页面标识对应的第一服务端版本号相同时，确定目标页面标识对应的第一对比结果为相同，否则，确定目标页面标识对应的第一对比结果为不相同；重复执行所述从预测点击的页面标识集合中获取一个页面标识作为目标页面标识的步骤，直至确定预测点击的页面标识集合中各个页面标识各自对应的第一对比结果。也就是说，第一对比结果的数量和预测点击的页面标识集合中页面标识的数量相同。

对于S35，当所述第一对比结果为不相同时，意味着所述第一对比结果对应的页面标识在本地缓存中的版本号和服务端的版本号不同，此时所述第一对比结果对应的页面标识在本地缓存中的HTML5资源不是与在所述服务端相同的，因此将所述第一对比结果对应的所述页面标识作为待初始化的页面标识。

对于S36，将所有所述待初始化的页面标识作为待初始化的页面标识集合。

对于S37，分别根据所述待初始化的页面标识集合中每个待初始化的页面标识从所述服务端获取HTML5资源，将获取的所有HTML5资源作为所述待初始化的HTML5资源。

在一个实施例中，上述采用预设时长从所述点击行为预测结果中获取页面标识，得到预测点击的页面标识集合的步骤，包括：

S311：获取页面分级数据、预设初始化级数、所述预设时长；

S312：采用所述页面分级数据、所述预设初始化级数和所述预设时长从所述点击行为预测结果中获取所述页面标识，得到所述预测点击的页面标识集合。

本实施例实现了根据页面分级数据、预设初始化级数、所述预设时长从所述点击行为预测结果中获取所述页面标识，从而在满足用户页面加载需求的情况下减少移动端开启时需要更新的HTML5资源的数量，提高了移动端开启的速度，提升了用户体验。

对于S311，可以从数据库中获取页面分级数据，也可以是用户输入的页面分级数据，还可以是第三方应用系统发送的页面分级数据。可以理解的是，可以将页面分级数据写入实现本申请的程序文件中。

可以从数据库中获取预设初始化级数，也可以是用户输入的预设初始化级数，还可以是第三方应用系统发送的预设初始化级数。可以理解的是，可以将预设初始化级数写入实现本申请的程序文件中。

可以从数据库中获取预设时长，也可以是用户输入的预设时长，还可以是第三方应用系统发送的预设时长。可以理解的是，可以将预设时长写入实现本申请的程序文件中。

页面分级数据包括：模块标识、功能标识、第一级的页面标识、第二级别的页面标识、第三级的页面标识、第四级别的页面标识。第一级的页面标识、第二级别的页面标识、第三级的页面标识、第四级别的页面标识都是页面标识。

预设初始化级数，是一个具体数值。

对于S312，从所述点击行为预测结果的开始部分开始获取，获取预设时长内的页面标识，将获取的所有页面标识作为待提取的页面标识集合；采用所述页面分级数据从待提取的页面标识集合中获取预设初始化级数的页面标识，将获取的所有页面标识作为所述预测点击的页面标识集合。

在一个实施例中，上述判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果的步骤，包括：

S51：根据所述待加载的页面标识从所述本地缓存中获取版本号，得到第二本地版本号；

S52：根据所述待加载的页面标识从所述服务端中获取版本号，得到第二服务端版本号；

S53：当所述第二本地版本号与所述第二服务端版本号相同时，确定所述判断结果为是与在所述服务端相同，否则确定所述判断结果为是与在所述服务端不相同。

本实施例实现了判断本地缓存中的HTML5数据是否与在所述服务端相同，从而为优先加载本地缓存中的HTML5数据提供了基础，提高了加载HTML5资源的时效性，提高了用户体验。

对于S51，将所述待加载的页面标识在所述本地缓存中查找版本号，将查找到的版本号作为第二本地版本号。

对于S52，将所述待加载的页面标识在所述服务端中查找版本号，将查找到的版本号作为第二服务端版本号。

对于S53，当所述第二本地版本号与所述第二服务端版本号相同时，意味着所述待加载的页面标识在本地缓存中的HTML5资源是与在所述服务端相同的，此时可以确定所述判断结果为是与在所述服务端相同；当所述第二本地版本号与所述第二服务端版本号不相同时，意味着所述待加载的页面标识在本地缓存中的HTML5资源不是与在所述服务端相同的，此时可以确定所述判断结果为是与在所述服务端不相同。

在一个实施例中，上述根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存的步骤，包括：

S61：将所述待加载的页面标识在所述点击行为预测结果中进行查找，将在所述点击行为预测结果中查找到的页面标识对应的所有预设点击级数的页面标识作为所述下一步的页面标识预测结果；

S62：分别根据所述下一步的页面标识预测结果中的每个页面标识从所述本地缓存中获取版本号，得到第三本地版本号集合；

S63：分别根据所述下一步的页面标识预测结果中的每个页面标识从所述服务端中获取版本号，得到第三服务端版本号集合；

S64：根据所述第三本地版本号集合和所述第三服务端版本号集合进行同一页面标识的版本号的对比，得到多个第二对比结果；

S65：当所述第二对比结果为不相同时，将所述第二对比结果对应的所述页面标识，作为待更新的预设点击级数页面标识；

S66：根据所有所述待更新的预设点击级数页面标识，得到待更新的预设点击级数页面标识集合；

S67：根据所述待更新的预设点击级数页面标识集合从所述服务端获取HTML5资源，得到待更新的预设点击级数页面HTML5资源；

S68：根据所述待更新的预设点击级数页面HTML5资源更新所述本地缓存。

本实施例实现了根据用户的操作提前将预设点击级数页面的HTML5资源的存储到本地缓存，进一步提高了加载HTML5资源的时效性。

对于S61，预设点击级数，是一个具体数值。预设点击级数包括但不限于：1、2、3、4。

对于S62，分别将所述下一步的页面标识预测结果中的每个页面标识在所述本地缓存中获取版本号，将获取的每个版本号作为一个第三本地版本号，将所有第三本地版本号作为第三本地版本号集合。

对于S63，分别将所述下一步的页面标识预测结果中的每个页面标识在所述服务端中获取版本号，将获取的每个版本号作为一个第三服务端版本号，将所有第三服务端版本号作为第三服务端版本号集合。

对于S64，从所述下一步的页面标识预测结果中获取一个页面标识作为待更新的页面标识；将待更新的页面标识对应的第三本地版本号和待更新的页面标识对应的第三服务端版本号进行对比，当待更新的页面标识对应的第三本地版本号和待更新的页面标识对应的第三服务端版本号相同时，确定待更新的页面标识对应的第二对比结果为相同，否则，确定待更新的页面标识对应的第二对比结果为不相同；重复执行所述从所述下一步的页面标识预测结果中获取一个页面标识作为待更新的页面标识的步骤，直至确定所述下一步的页面标识预测结果中各个页面标识各自对应的第二对比结果。也就是说，第二对比结果的数量和所述下一步的页面标识预测结果中页面标识的数量相同。

对于S65，当所述第二对比结果为不相同时，意味着所述第二对比结果对应的页面标识在本地缓存中的版本号和服务端的版本号不同，此时所述第二对比结果对应的页面标识在本地缓存中的HTML5资源不是与在所述服务端相同的，因此将所述第二对比结果对应的所述页面标识作为待更新的预设点击级数页面标识。

对于S66，将所有所述待更新的预设点击级数页面标识，作为待更新的预设点击级数页面标识集合。

对于S67，分别根据所述待更新的预设点击级数页面标识集合中每个所述待更新的预设点击级数页面标识从所述服务端获取HTML5资源，将获取的所有HTML5资源作为待更新的预设点击级数页面HTML5资源。

在一个实施例中，上述获取移动端开启请求的步骤之后，还包括：

S81：获取所述服务端发送的页面大批量更新请求；

S82：响应所述页面大批量更新请求，获取网络类型数据；

S83：当所述网络类型数据为WIFI或5G时，获取所述服务端发送的HTML5资源压缩包，得到大批量待更新的HTML5资源；

S84：将所述大批量待更新的HTML5资源进行解压，得到解压后的HTML5资源；

S85：根据所述解压后的HTML5资源更新所述本地缓存。

本实施例实现了在WIFI或5G时进行页面HTML5资源大批量更新，提升了更新速度；在版本更新时，可以直接更新本地缓存中的HTML5资源，提高了版本发布的速度。

对于S81，通过移动端与服务端的通信连接，获取所述服务端发送的页面大批量更新请求。

页面大批量更新请求，是指需要大批量更新HTML5资源的请求。

对于S82，响应所述页面大批量更新请求，获取装载移动端的移动电子设备的网络类型数据。

网络类型数据包括但不限于：WIFI、5G(第五代移动通信技术)、4G(第四代移动通信技术)、3G(第三代移动通信技术)。

对于S83，当所述网络类型数据为WIFI或5G时，此时意味着移动端所在移动电子设备的网络速度比较快，此时进行大批量的HTML5资源的下载速度比较快，而且不影响用户的上网体验；发送大批量下载信号给服务端，获取服务端根据大批量下载信号发送的HTML5资源压缩包，将获取的HTML5资源压缩包作为大批量待更新的HTML5资源。

对于S84，将所述大批量待更新的HTML5资源进行解压，将解压后的HTML5资源作为解压后的HTML5资源。

参照图2，本申请还提出了一种HTML5页面资源的加载装置，所述装置包括：

第一请求获取模块100，用于获取移动端开启请求；

点击行为预测模块200，用于响应所述移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果；

本地初始化更新模块300，用于根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据所述待初始化的HTML5资源更新本地缓存；

第二请求获取模块400，用于获取页面加载请求，所述页面加载请求携带有待加载的页面标识；

页面加载模块500，用于响应所述页面加载请求，判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当所述判断结果是与在所述服务端相同时，将所述本地缓存中所述待加载的页面标识对应的所述HTML5资源作为待加载的HTML5资源，否则，根据所述待加载的页面标识从所述服务端获取所述HTML5资源作为所述待加载的HTML5资源；

响应所述页面加载请求600，判断响应所述页面加载请求，根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存；

目标HTML5页面确定模块700，用于根据所述待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面。

本实施例通过响应移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对历史访问行为数据进行点击行为预测，得到点击行为预测结果，根据点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据待初始化的HTML5资源更新本地缓存，响应页面加载请求，判断在本地缓存中待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当判断结果是与在所述服务端相同时，将本地缓存中待加载的页面标识对应的HTML5资源作为待加载的HTML5资源，否则，根据待加载的页面标识从服务端获取HTML5资源作为待加载的HTML5资源，根据待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面，从而使本地缓存中的HTML5资源更符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验；通过响应页面加载请求，根据待加载的页面标识和点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据下一步的页面标识预测结果更新本地缓存，根据用户的操作提前将预设点击级数页面的HTML5资源的存储到本地缓存，进一步提高了加载HTML5资源的时效性；因此本申请同时解决了流量资源浪费和加载慢的技术问题，提高了用户体验。

参照图3，本申请实施例中还提供一种计算机设备，该计算机设备可以是服务器，其内部结构可以如图3所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设计的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于储存HTML5页面资源的加载方法等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种HTML5页面资源的加载方法。所述HTML5页面资源的加载方法，包括：获取移动端开启请求；响应所述移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果；根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据所述待初始化的HTML5资源更新本地缓存；获取页面加载请求，所述页面加载请求携带有待加载的页面标识；响应所述页面加载请求，判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否是与在所述服务端相同，得到判断结果，当所述判断结果是与在所述服务端相同时，将所述本地缓存中所述待加载的页面标识对应的所述HTML5资源作为待加载的HTML5资源，否则，根据所述待加载的页面标识从所述服务端获取所述HTML5资源作为所述待加载的HTML5资源；响应所述页面加载请求，根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存；根据所述待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面。

本实施例通过响应移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对历史访问行为数据进行点击行为预测，得到点击行为预测结果，根据点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据待初始化的HTML5资源更新本地缓存，响应页面加载请求，判断在本地缓存中待加载的页面标识对应的HTML5资源是否是与在所述服务端相同，得到判断结果，当判断结果是与在所述服务端相同时，将本地缓存中待加载的页面标识对应的HTML5资源作为待加载的HTML5资源，否则，根据待加载的页面标识从服务端获取HTML5资源作为待加载的HTML5资源，根据待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面，从而使本地缓存中的HTML5资源更符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验；通过响应页面加载请求，根据待加载的页面标识和点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据下一步的页面标识预测结果更新本地缓存，根据用户的操作提前将预设点击级数页面的HTML5资源的存储到本地缓存，进一步提高了加载HTML5资源的时效性；因此本申请同时解决了流量资源浪费和加载慢的技术问题，提高了用户体验。

本申请一实施例还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现一种HTML5页面资源的加载方法，包括步骤：获取移动端开启请求；响应所述移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对所述历史访问行为数据进行点击行为预测，得到点击行为预测结果；根据所述点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据所述待初始化的HTML5资源更新本地缓存；获取页面加载请求，所述页面加载请求携带有待加载的页面标识；响应所述页面加载请求，判断在所述本地缓存中所述待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当所述判断结果是与在所述服务端相同时，将所述本地缓存中所述待加载的页面标识对应的所述HTML5资源作为待加载的HTML5资源，否则，根据所述待加载的页面标识从所述服务端获取所述HTML5资源作为所述待加载的HTML5资源；响应所述页面加载请求，根据所述待加载的页面标识和所述点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据所述下一步的页面标识预测结果更新所述本地缓存；根据所述待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面。

上述执行的HTML5页面资源的加载方法，通过响应移动端开启请求，获取历史访问行为数据，采用点击行为预测模型对历史访问行为数据进行点击行为预测，得到点击行为预测结果，根据点击行为预测结果获取服务端发送的待初始化的HTML5资源，根据待初始化的HTML5资源更新本地缓存，响应页面加载请求，判断在本地缓存中待加载的页面标识对应的HTML5资源是否与在所述服务端相同，得到判断结果，当判断结果是与在所述服务端相同时，将本地缓存中待加载的页面标识对应的HTML5资源作为待加载的HTML5资源，否则，根据待加载的页面标识从服务端获取HTML5资源作为待加载的HTML5资源，根据待加载的HTML5资源进行页面的加载及渲染，得到目标HTML5页面，从而使本地缓存中的HTML5资源更符合用户的操作习惯，在不需要进行全面更新的情况下，提高了加载HTML5资源的时效性，提高了用户体验；通过响应页面加载请求，根据待加载的页面标识和点击行为预测结果进行预设点击级数页面展开预测，得到下一步的页面标识预测结果，根据下一步的页面标识预测结果更新本地缓存，根据用户的操作提前将预设点击级数页面的HTML5资源的存储到本地缓存，进一步提高了加载HTML5资源的时效性；因此本申请同时解决了流量资源浪费和加载慢的技术问题，提高了用户体验。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的和实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双速据率SDRAM(SSRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。

以上所述仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。