专利摘要
本发明公开了基于机器学习的页面渲染方法、设备、存储介质及装置，该方法包括：在接收到目标用户设备发送的页面加载请求时，根据页面加载请求检测目标用户设备对应的目标设备类型；将目标设备类型输入至预设图像比例优化模型中，以使预设图像比例优化模型输出目标设备类型对应的目标最优比例；获取页面加载请求对应的页面文本信息和页面图像信息；按照目标最优比例对页面图像信息进行压缩，获得优化图像信息；将页面文本信息和优化图像信息渲染到当前页面。由于获取了与目标设备类型对应的目标最优比例，并按照所述目标最优比例压缩页面图像信息的文件大小，从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。
权利要求
1.一种基于机器学习的页面渲染方法，其特征在于，所述基于机器学习的页面渲染方法包括以下步骤：
在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；
将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；
获取所述页面加载请求对应的页面文本信息和页面图像信息；
按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；
将所述页面文本信息和所述优化图像信息渲染到当前页面；
其中，所述在接收到目标用户设备发送的页面加载请求时，提取所述页面加载请求对应的设备信息之前，所述基于机器学习的页面渲染方法还包括：
获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；
根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；
获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。
2.如权利要求1所述的基于机器学习的页面渲染方法，其特征在于，所述根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例，具体包括：
对所述样本压缩比例和所述样本满意度进行拟合，获得目标优化函数；
通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值；
将所述样本满意度的最大值对应的样本压缩比例作为所述样本图像类型的样本最优比例。
3.如权利要求2所述的基于机器学习的页面渲染方法，其特征在于，所述通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值，具体包括：
每隔预设步长计算所述目标优化函数的函数值；
判断上一函数值与当前函数值的差值是否大于预设阈值；
若所述差值大于所述预设阈值，则返回所述判断上一函数值与当前函数值的差值是否小于预设阈值的步骤；
若所述差值小于或等于所述预设阈值，则认定所述当前函数值为所述样本满意度的最大值。
4.如权利要求3所述的基于机器学习的页面渲染方法，其特征在于，所述每隔预设步长计算所述目标优化函数的函数值之前，所述基于机器学习的页面渲染方法还包括：
获取所述目标优化函数的自变量取值范围，将所述自变量取值范围与预设精度的乘积作为预设步长；
相应地，所述每隔预设步长计算所述目标优化函数的函数值，具体包括：
在所述自变量取值范围内每隔预设步长计算所述目标优化函数的函数值。
5.如权利要求1-4中任一项所述的基于机器学习的页面渲染方法，其特征在于，所述按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息，具体包括：
通过预设压缩工具按照所述目标最优比例对所述页面图像信息的像素进行压缩，获得优化图像信息。
6.如权利要求1-4中任一项所述的基于机器学习的页面渲染方法，其特征在于，所述在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型，具体包括：
在接收到目标用户设备发送的页面加载请求时，从所述页面加载请求中提取目标设备信息；
根据所述目标设备信息检测所述目标用户设备对应的目标设备类型。
7.一种页面渲染设备，其特征在于，所述页面渲染设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的基于机器学习的页面渲染程序，所述基于机器学习的页面渲染程序被所述处理器执行时实现如权利要求1至6中任一项所述的基于机器学习的页面渲染方法的步骤。
8.一种存储介质，其特征在于，所述存储介质上存储有基于机器学习的页面渲染程序，所述基于机器学习的页面渲染程序被处理器执行时实现如权利要求1至6中任一项所述的基于机器学习的页面渲染方法的步骤。
9.一种基于机器学习的页面渲染装置，其特征在于，所述基于机器学习的页面渲染装置包括：
请求接收模块，用于在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；
比例预测模块，用于将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；
信息获取模块，用于获取所述页面加载请求对应的页面文本信息和页面图像信息；
图像压缩模块，用于按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；
页面渲染模块，用于将所述页面文本信息和所述优化图像信息渲染到当前页面；
所述请求接收模块还用于获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；
根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；
获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。
说明书
技术领域
本发明涉及页面渲染技术领域，尤其涉及基于机器学习的页面渲染方法、设备、存储介质及装置。
背景技术
随着互联网技术的不断发展，网页展示内容越来越丰富，其处理过程也越来越复杂，最终导致页面加载过程变的越来越慢。用户希望页面内容丰富且交互顺畅，页面渲染速度是页面性能的直接体现，影响着网站的用户使用量，是影响用户体验的关键因素。
网页中有多种类型的作业需要加载，其中包括JavaScript文件、CSS文件、文档以及图片等，而页面的加载速度会直接影响到公司的效率，如亚马逊网站每100毫秒的负载延迟会损失销售额1％，相当于数十亿美元。对于网页而言，图片的平均权重约占64％，所以在商业竞争中，对图像的优化已经成为不可或缺的核心竞争力。
目前对页面图像加载的优化方式为在未加载出原图像之前，通过缩略图代替原图像，等原图像加载出来之后，通过原图像替换缩略图，然而，缩略图一般是极小的图片，用户难以看清缩略图的细节，并且由于缩略图与原图像具有较大的尺寸差异，在通过原图像替换缩略图时，会引起页面内容的上下移动，影响用户的体验。
因此，如何兼顾图像加载速度和用户体验是亟待解决的技术问题。
上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。
发明内容
本发明的主要目的在于提供一种基于机器学习的页面渲染方法、设备、存储介质及装置，旨在解决现有技术中如何兼顾图像加载速度和用户体验的技术问题。
为实现上述目的，本发明提供一种基于机器学习的页面渲染方法，所述基于机器学习的页面渲染方法包括以下步骤：
在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；
将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；
获取所述页面加载请求对应的页面文本信息和页面图像信息；
按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；
将所述页面文本信息和所述优化图像信息渲染到当前页面。
优选地，所述在接收到目标用户设备发送的页面加载请求时，提取所述页面加载请求对应的设备信息之前，所述基于机器学习的页面渲染方法还包括：
获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；
根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；
获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。
优选地，所述根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例，具体包括：
对所述样本压缩比例和所述样本满意度进行拟合，获得目标优化函数；
通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值；
将所述样本满意度的最大值对应的样本压缩比例作为所述样本图像类型的样本最优比例。
优选地，所述通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值，具体包括：
每隔预设步长计算所述目标优化函数的函数值；
判断上一函数值与当前函数值的差值是否大于预设阈值；
若所述差值大于所述预设阈值，则返回所述判断上一函数值与当前函数值的差值是否小于预设阈值的步骤；
若所述差值小于或等于所述预设阈值，则认定所述当前函数值为所述样本满意度的最大值。
优选地，所述每隔预设步长计算所述目标优化函数的函数值之前，所述基于机器学习的页面渲染方法还包括：
获取所述目标优化函数的自变量取值范围，将所述自变量取值范围与预设精度的乘积作为预设步长；
相应地，所述每隔预设步长计算所述目标优化函数的函数值，具体包括：
在所述自变量取值范围内每隔预设步长计算所述目标优化函数的函数值。
优选地，所述按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息，具体包括：
通过预设压缩工具按照所述目标最优比例对所述页面图像信息的像素进行压缩，获得优化图像信息。
优选地，所述在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型，具体包括：
在接收到目标用户设备发送的页面加载请求时，从所述页面加载请求中提取目标设备信息；
根据所述目标设备信息检测所述目标用户设备对应的目标设备类型。
此外，为实现上述目的，本发明还提出一种页面渲染设备，所述页面渲染设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的基于机器学习的页面渲染程序，所述基于机器学习的页面渲染程序配置为实现如上文所述的基于机器学习的页面渲染方法的步骤。
此外，为实现上述目的，本发明还提出一种存储介质，所述存储介质上存储有基于机器学习的页面渲染程序，所述基于机器学习的页面渲染程序被处理器执行时实现如上文所述的基于机器学习的页面渲染方法的步骤。
此外，为实现上述目的，本发明还提出一种基于机器学习的页面渲染装置，所述基于机器学习的页面渲染装置包括：
请求接收模块，用于在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；
比例预测模块，用于将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；
信息获取模块，用于获取所述页面加载请求对应的页面文本信息和页面图像信息；
图像压缩模块，用于按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；
页面渲染模块，用于将所述页面文本信息和所述优化图像信息渲染到当前页面。
本发明中，通过在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；获取所述页面加载请求对应的页面文本信息和页面图像信息；按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；将所述页面文本信息和所述优化图像信息渲染到当前页面。由于通过模型获取了与目标设备类型对应的目标最优比例，并按照所述目标最优比例对页面图像信息进行压缩，从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。
附图说明
图1是本发明实施例方案涉及的硬件运行环境的页面渲染设备的结构示意图；
图2为本发明基于机器学习的页面渲染方法第一实施例的流程示意图；
图3为本发明基于机器学习的页面渲染方法第二实施例的流程示意图；
图4为本发明基于机器学习的页面渲染方法第三实施例的流程示意图；
图5为本发明基于机器学习的页面渲染装置第一实施例的功能模块图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
参照图1，图1为本发明实施例方案涉及的硬件运行环境的页面渲染设备结构示意图。
如图1所示，该页面渲染设备可以包括：处理器1001，例如中央处理器(CentralProcessing Unit，CPU)，通信总线1002、用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)，可选用户接口1003还可以包括标准的有线接口、无线接口，对于用户接口1003的有线接口在本发明中可为USB接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如无线保真(WIreless-FIdelity，WI-FI)接口)。存储器1005可以是高速的随机存取存储器(Random Access Memory，RAM)存储器，也可以是稳定的存储器(Non-volatileMemory，NVM)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
本领域技术人员可以理解，图1中示出的结构并不构成对页面渲染设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
如图1所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及基于机器学习的页面渲染程序。
在图1所示的页面渲染设备中，网络接口1004主要用于连接后台服务器，与所述后台服务器进行数据通信；用户接口1003主要用于连接用户设备；所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，并执行本发明实施例提供的基于机器学习的页面渲染方法。
所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，并执行以下操作：
在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；
将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；
获取所述页面加载请求对应的页面文本信息和页面图像信息；
按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；
将所述页面文本信息和所述优化图像信息渲染到当前页面。
进一步地，所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，还执行以下操作：
获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；
根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；
获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。
进一步地，所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，还执行以下操作：
对所述样本压缩比例和所述样本满意度进行拟合，获得目标优化函数；
通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值；
将所述样本满意度的最大值对应的样本压缩比例作为所述样本图像类型的样本最优比例。
进一步地，所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，还执行以下操作：
每隔预设步长计算所述目标优化函数的函数值；
判断上一函数值与当前函数值的差值是否大于预设阈值；
若所述差值大于所述预设阈值，则返回所述判断上一函数值与当前函数值的差值是否小于预设阈值的步骤；
若所述差值小于或等于所述预设阈值，则认定所述当前函数值为所述样本满意度的最大值。
进一步地，所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，还执行以下操作：
获取所述目标优化函数的自变量取值范围，将所述自变量取值范围与预设精度的乘积作为预设步长；
相应地，所述每隔预设步长计算所述目标优化函数的函数值，具体包括：
在所述自变量取值范围内每隔预设步长计算所述目标优化函数的函数值。
进一步地，所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，还执行以下操作：
通过预设压缩工具按照所述目标最优比例对所述页面图像信息的像素进行压缩，获得优化图像信息。
进一步地，所述页面渲染设备通过处理器1001调用存储器1005中存储的基于机器学习的页面渲染程序，还执行以下操作：
在接收到目标用户设备发送的页面加载请求时，从所述页面加载请求中提取目标设备信息；
根据所述目标设备信息检测所述目标用户设备对应的目标设备类型。
本实施例中，通过在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；获取所述页面加载请求对应的页面文本信息和页面图像信息；按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；将所述页面文本信息和所述优化图像信息渲染到当前页面。由于通过模型获取了与目标设备类型对应的目标最优比例，并按照所述目标最优比例对页面图像信息进行压缩，从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。
基于上述硬件结构，提出本发明基于机器学习的页面渲染方法的实施例。
参照图2，图2为本发明基于机器学习的页面渲染方法第一实施例的流程示意图，提出本发明基于机器学习的页面渲染方法第一实施例。
在第一实施例中，所述基于机器学习的页面渲染方法包括以下步骤：
步骤S10：在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型。
需要说明的是，本实施例的执行主体是所述页面渲染设备，所述页面渲染设备可以是智能手机、个人计算机或者平板电脑等电子设备，本实施例对此不加以限制。本实施例按照设备尺寸将用户设备划分为若干种类型，比如大型设备、大中型设备、中型设备、中小型设备和小型设备，其中，该五种设备类型的设备尺寸依次减小。
在具体实现中，自动解析所述页面加载请求的头信息中的用户代理User-Agent，获得所述目标用户设备对应的目标设备类型。
步骤S20：将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例。
可以理解的是，为了提高页面渲染的速度，本实施例将对页面图像信息进行缩小，若压缩比例过小，比如0.1，则页面图像信息将缺失大量像素，致使图像失真，影响用户观感；若压缩比例过大，比如0.9，则缩小后的页面图像与缩小前的页面图像所占的文件大小相差较小，从而对页面渲染速度的提高程度较小，因此，需要在多种压缩比例中选取最优比例。
在具体实现中，由于大型设备的图像像素较高，小型设备的图像像素较低，在不影响用户观感的情形下，大型设备的压缩比例可以小于小型设备，因此，为了获得各设备类型的用户设备的最优比例，将采用预设图像比例优化模型对压缩比例和满意度进行训练，从而获得满意度较高的压缩比例，即最优比例。所述预设图像比例优化模型包含设备类型与最优比例之间的映射关系，能够根据所述目标设备类型预测所述目标设备类型对应的目标最优比例。
步骤S30：获取所述页面加载请求对应的页面文本信息和页面图像信息。
应当理解的是，所述页面加载请求对应的页面内容包括页面文本信息和页面图像信息，为了对页面内容进行渲染，将预先获取所述页面加载请求对应的页面文本信息和页面图像信息。
步骤S40：按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息。
需要说明的是，按照所述目标最优比例对所述页面图像信息进行压缩，能够在不影响用户观感的情形下，缩小所述页面图像信息对应的图像比例。
步骤S50：将所述页面文本信息和所述优化图像信息渲染到当前页面。
可以理解的是，对所述页面图像信息进行压缩，获得的优化图像信息的像素小于所述页面图像信息，但所述优化图像信息的图像尺寸与所述页面图像信息对应的图像尺寸相同，因此，将所述页面文本信息和所述优化图像信息渲染到当前页面，能够提高页面渲染效率，加快页面图像的加载速度，并且不影响用户观感，兼顾了用户体验。
本实施例中，通过在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；获取所述页面加载请求对应的页面文本信息和页面图像信息；按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；将所述页面文本信息和所述优化图像信息渲染到当前页面。由于通过模型获取了与目标设备类型对应的目标最优比例，并按照所述目标最优比例对页面图像信息进行压缩，从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。
参照图3，图3为本发明基于机器学习的页面渲染方法第二实施例的流程示意图，基于上述图2所示的第一实施例，提出本发明基于机器学习的页面渲染方法的第二实施例。
在第二实施例中，所述步骤S10之前，所述基于机器学习的页面渲染方法还包括：
步骤S01：获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度。
需要说明的是，按照设备尺寸将用户设备划分为若干种类型，比如大型设备、大中型设备、中型设备、中小型设备和小型设备，其中，该五种设备类型的设备尺寸依次减小；相应地，如表1所示，按照图像尺寸将图像划分为对应种类型，例如大型设备、大中型设备、中型设备、中小型设备和小型设备分别对应的大图像、大中图像、中图像、中小图像和小图像，其中，该五种图像类型的图像尺寸依次减小。
表1图像类型表
在具体实现中，为了通过训练获得预设图像比例优化模型，将获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度，以将该样本压缩比例和样本满意度作为训练样本。
步骤S02：根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例。
可以理解的是，对所述样本压缩比例和所述样本满意度进行拟合，获得目标优化函数；通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值；将所述样本满意度的最大值对应的样本压缩比例作为所述样本图像类型的样本最优比例。梯度上升法是机器学习迭代法中的一种，是求解最优值的常用方法，其计算过程就是沿着某一方向找到最大值，其原理过程如同在山下想要上山，可以找到周围较高的位置上去，这样就可以一直走到山上。梯度上升法的原理亦是如此，可以通过对函数求导，一般情况下导数为0是极值点可以找到极大值。为了优化在训练过程中存在的振荡较大的问题并且使训练能够收敛，通过RMSprop优化器对权重和偏位的梯度效果使用均方根改变了学习率，并限制垂直方向的振荡，此优化器保持每个重量的平方梯度的移动平均值，然后将梯度除以平均值的平方根。因此可以提高学习率，算法可以在水平方向上采取更大的步骤，更快地收敛。
步骤S03：获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。
需要说明的是，根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例之后，将根据所述样本设备类型与所述样本图像类型的对应关系，与所述样本图像类型与所述样本最优比例之间的对应关系，获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述样本设备类型与所述样本最优比例之间的对应关系生成预设图像比例优化模型。
在本实施例中，通过获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。通过对样本压缩比例和样本图像类型进行迭代，获得所述样本图像类型对应的样本最优比例，从而能够在后续页面渲染过程中压缩图像，提高渲染效率，加快页面加载速度。
参照图4，图4为本发明基于机器学习的页面渲染方法第三实施例的流程示意图，基于上述图3所示的第二实施例，提出本发明基于机器学习的页面渲染方法的第三实施例。
在第三实施例中，所述通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值，具体包括：
每隔预设步长计算所述目标优化函数的函数值；
判断上一函数值与当前函数值的差值是否大于预设阈值；
若所述差值大于所述预设阈值，则返回所述判断上一函数值与当前函数值的差值是否小于预设阈值的步骤；
若所述差值小于或等于所述预设阈值，则认定所述当前函数值为所述样本满意度的最大值。
需要说明的是，根据样本满意度和样本压缩比例不断训练模型最终获得5种类型的样本最优比例，其中大图像对应的样本最优比例为0.6，大中图像对应的样本最优比例为0.7，中图像对应的样本最优比例为0.7，中小图像对应的样本最优比例为0.8，小图像对应的样本最优比例为0.9。如表2所示，原始图像经过压缩后，图像的像素明显降低，但优化后的图像尺寸不变，将所述页面文本信息和所述优化图像信息渲染到当前页面，能够提高页面渲染效率，加快页面图像的加载速度，并且不影响用户观感，兼顾了用户体验。从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。
表2图像像素变化表
进一步地，所述每隔预设步长计算所述目标优化函数的函数值之前，所述基于机器学习的页面渲染方法还包括：
获取所述目标优化函数的自变量取值范围，将所述自变量取值范围与预设精度的乘积作为预设步长；
相应地，所述每隔预设步长计算所述目标优化函数的函数值，具体包括：
在所述自变量取值范围内每隔预设步长计算所述目标优化函数的函数值。
应当理解的是，为了不影响用户体验将对图像进行缩放，其中比例的范围在[0，1]，0代表图像的最低质量，1代表图像没有改变，根据用户的使用设备进行机器学习后缩放在[0，1]之前的一个比例。任何宽度和高度的图像都会进行下采样，在不影响用户体验的同时使用最小的下采样的比例。比如，对于图标和徽标一般使用的是原图像的0.8倍比例，因为对于原本就很小的图像，骤然减少其比例会造成图像失真影响用户体验。对于大图像的缩放比例一般是0.6，可以保证在不同的设备类型上保持其分辨率。
进一步地，所述步骤S40，具体包括：
步骤S401：通过预设压缩工具按照所述目标最优比例对所述页面图像信息的像素进行压缩，获得优化图像信息。
需要说明的是，所述预设压缩工具可为数据压缩程序(GNUzip，GZIP)或者其它压缩工具，本实施例对此不加以限制。由于人眼工作方式的缘故性，在观察时往往不会观察到图像的全部信息，因此，可以舍弃部分像素的某些信息来减小图像的文件大小，图像优化可归结为两个标准：优化编码每个图像像素所使用的字节数和优化的总像素数；图像的文件大小就是总像素数与编码每个像素所使用字节数的乘积。通过所述目标最优比例对所述页面图像信息的像素进行压缩，从而获得优化图像信息，减少了图像大小，从而能够提高页面渲染效率和页面加载速度。
进一步地，所述步骤S10，具体包括：
在接收到目标用户设备发送的页面加载请求时，从所述页面加载请求中提取目标设备信息；根据所述目标设备信息检测所述目标用户设备对应的目标设备类型。
可以理解的是，对所述页面加载请求进行解析，提取所述页面加载请求中的目标设备信息，并从所述目标社保信息中提取用户代理，根据所述用户代理检测所述目标用户设备对应的目标设备类型。
在本实施例中，通过每个预设步长计算所述目标优化函数的函数值；判断上一函数值与当前函数值的差值是否大于预设阈值；若所述差值大于所述预设阈值，则返回所述判断上一函数值与当前函数值的差值是否小于预设阈值的步骤；若所述差值小于或等于所述预设阈值，则认定所述当前函数值为所述样本满意度的最大值。通过多次迭代，逐渐缩小相邻函数值之间的差值，并在差值小于或等于预设阈值时，获得样本满意度的最大值，将该样本满意度的最大值对应的样本压缩比例作为样本图像类型的样本最优比例，通过所述样本最优比例对样本图像类型的图像进行压缩，减少了图像大小，能够提高页面渲染效率和页面加载速度。
此外，本发明实施例还提出一种存储介质，所述存储介质上存储有基于机器学习的页面渲染程序，所述基于机器学习的页面渲染程序被处理器执行时实现如下步骤：
在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；
将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；
获取所述页面加载请求对应的页面文本信息和页面图像信息；
按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；
将所述页面文本信息和所述优化图像信息渲染到当前页面。
进一步地，所述基于机器学习的页面渲染程序被处理器执行时还实现如下操作：
获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；
根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；
获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。
进一步地，所述基于机器学习的页面渲染程序被处理器执行时还实现如下操作：
对所述样本压缩比例和所述样本满意度进行拟合，获得目标优化函数；
通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值；
将所述样本满意度的最大值对应的样本压缩比例作为所述样本图像类型的样本最优比例。
进一步地，所述基于机器学习的页面渲染程序被处理器执行时还实现如下操作：
每隔预设步长计算所述目标优化函数的函数值；
判断上一函数值与当前函数值的差值是否大于预设阈值；
若所述差值大于所述预设阈值，则返回所述判断上一函数值与当前函数值的差值是否小于预设阈值的步骤；
若所述差值小于或等于所述预设阈值，则认定所述当前函数值为所述样本满意度的最大值。
进一步地，所述基于机器学习的页面渲染程序被处理器执行时还实现如下操作：
获取所述目标优化函数的自变量取值范围，将所述自变量取值范围与预设精度的乘积作为预设步长；
相应地，所述每隔预设步长计算所述目标优化函数的函数值，具体包括：
在所述自变量取值范围内每隔预设步长计算所述目标优化函数的函数值。
进一步地，所述基于机器学习的页面渲染程序被处理器执行时还实现如下操作：
通过预设压缩工具按照所述目标最优比例对所述页面图像信息的像素进行压缩，获得优化图像信息。
进一步地，所述基于机器学习的页面渲染程序被处理器执行时还实现如下操作：
在接收到目标用户设备发送的页面加载请求时，从所述页面加载请求中提取目标设备信息；
根据所述目标设备信息检测所述目标用户设备对应的目标设备类型。
本实施例中，通过在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；获取所述页面加载请求对应的页面文本信息和页面图像信息；按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；将所述页面文本信息和所述优化图像信息渲染到当前页面。由于通过模型获取了与目标设备类型对应的目标最优比例，并按照所述目标最优比例对页面图像信息进行压缩，从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。
此外，参照图5，本发明实施例还提出一种基于机器学习的页面渲染装置，所述基于机器学习的页面渲染装置包括：
请求接收模块10，用于在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型。
需要说明的是，本实施例按照设备尺寸将用户设备划分为若干种类型，比如大型设备、大中型设备、中型设备、中小型设备和小型设备，其中，该五种设备类型的设备尺寸依次减小。
在具体实现中，自动解析所述页面加载请求的头信息中的用户代理User-Agent，获得所述目标用户设备对应的目标设备类型。
比例预测模块20，用于将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例。
可以理解的是，为了提高页面渲染的速度，本实施例将对页面图像信息进行缩小，若压缩比例过小，比如0.1，则页面图像信息将缺失大量像素，致使图像失真，影响用户观感；若压缩比例过大，比如0.9，则缩小后的页面图像与缩小前的页面图像所占的文件大小相差较小，从而对页面渲染速度的提高程度较小，因此，需要在多种压缩比例中选取最优比例。
在具体实现中，由于大型设备的图像像素较高，小型设备的图像像素较低，在不影响用户观感的情形下，大型设备的压缩比例可以小于小型设备，因此，为了获得各设备类型的用户设备的最优比例，将采用预设图像比例优化模型对压缩比例和满意度进行训练，从而获得满意度较高的压缩比例，即最优比例。所述预设图像比例优化模型包含设备类型与最优比例之间的映射关系，能够根据所述目标设备类型预测所述目标设备类型对应的目标最优比例。
信息获取模块30，用于获取所述页面加载请求对应的页面文本信息和页面图像信息。
应当理解的是，所述页面加载请求对应的页面内容包括页面文本信息和页面图像信息，为了对页面内容进行渲染，将预先获取所述页面加载请求对应的页面文本信息和页面图像信息。
图像压缩模块40，用于按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息。
需要说明的是，按照所述目标最优比例对所述页面图像信息进行压缩，能够在不影响用户观感的情形下，缩小所述页面图像信息对应的图像比例。
页面渲染模块50，用于将所述页面文本信息和所述优化图像信息渲染到当前页面。
可以理解的是，对所述页面图像信息进行压缩，获得的优化图像信息的像素小于所述页面图像信息，但所述优化图像信息的图像尺寸与所述页面图像信息对应的图像尺寸相同，因此，将所述页面文本信息和所述优化图像信息渲染到当前页面，能够提高页面渲染效率，加快页面图像的加载速度，并且不影响用户观感，兼顾了用户体验。
本实施例中，通过在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；获取所述页面加载请求对应的页面文本信息和页面图像信息；按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；将所述页面文本信息和所述优化图像信息渲染到当前页面。由于通过模型获取了与目标设备类型对应的目标最优比例，并按照所述目标最优比例对页面图像信息进行压缩，从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。
在一实施例中，所述基于机器学习的页面渲染装置还包括：
模型构建模块，用于获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。
在一实施例中，所述模型构建模块，还用于对所述样本压缩比例和所述样本满意度进行拟合，获得目标优化函数；通过梯度上升法对所述目标优化函数进行迭代，获得所述样本满意度的最大值；将所述样本满意度的最大值对应的样本压缩比例作为所述样本图像类型的样本最优比例。
在一实施例中，所述模型构建模块，还用于每隔预设步长计算所述目标优化函数的函数值；判断上一函数值与当前函数值的差值是否大于预设阈值；若所述差值大于所述预设阈值，则返回所述判断上一函数值与当前函数值的差值是否小于预设阈值的步骤；若所述差值小于或等于所述预设阈值，则认定所述当前函数值为所述样本满意度的最大值。
在一实施例中，所述模型构建模块，还用于获取所述目标优化函数的自变量取值范围，将所述自变量取值范围与预设精度的乘积作为预设步长；在所述自变量取值范围内每隔预设步长计算所述目标优化函数的函数值。
在一实施例中，所述图像压缩模块40，还用于通过预设压缩工具按照所述目标最优比例对所述页面图像信息的像素进行压缩，获得优化图像信息。
在一实施例中，所述请求接收模块10，还用于在接收到目标用户设备发送的页面加载请求时，从所述页面加载请求中提取目标设备信息；
根据所述目标设备信息检测所述目标用户设备对应的目标设备类型。
本发明所述基于机器学习的页面渲染装置的其他实施例或具体实现方式可参照上述各方法实施例，此处不再赘述。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。词语第一、第二、以及第三等的使用不表示任何顺序，可将这些词语解释为标识。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如只读存储器镜像(Read Only Memory image，ROM)/随机存取存储器(Random AccessMemory，RAM)、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
基于机器学习的页面渲染方法、设备、存储介质及装置专利购买费用说明
Q：办理专利转让的流程及所需资料
A：专利权人变更需要办理著录项目变更手续，有代理机构的，变更手续应当由代理机构办理。
1：专利变更应当使用专利局统一制作的“著录项目变更申报书”提出。
2：按规定缴纳著录项目变更手续费。
3：同时提交相关证明文件原件。
4：专利权转移的，变更后的专利权人委托新专利代理机构的，应当提交变更后的全体专利申请人签字或者盖章的委托书。
Q:专利著录项目变更费用如何缴交
A：（1）直接到国家知识产权局受理大厅收费窗口缴纳,（2）通过代办处缴纳，（3）通过邮局或者银行汇款,更多缴纳方式
Q：专利转让变更，多久能出结果
A：著录项目变更请求书递交后，一般1-2个月左右就会收到通知，国家知识产权局会下达《转让手续合格通知书》。
动态评分
0.0