[发明专利]基于机器学习的页面渲染方法、设备、存储介质及装置

说明书

本发明公开了基于机器学习的页面渲染方法、设备、存储介质及装置，该方法包括：在接收到目标用户设备发送的页面加载请求时，根据页面加载请求检测目标用户设备对应的目标设备类型；将目标设备类型输入至预设图像比例优化模型中，以使预设图像比例优化模型输出目标设备类型对应的目标最优比例；获取页面加载请求对应的页面文本信息和页面图像信息；按照目标最优比例对页面图像信息进行压缩，获得优化图像信息；将页面文本信息和优化图像信息渲染到当前页面。由于获取了与目标设备类型对应的目标最优比例，并按照所述目标最优比例压缩页面图像信息的文件大小，从而在不减小图像尺寸的情形下提高页面渲染效率，兼顾了页面加载速度和用户体验。

技术领域

本发明涉及页面渲染技术领域，尤其涉及基于机器学习的页面渲染方法、设备、存储介质及装置。

背景技术

随着互联网技术的不断发展，网页展示内容越来越丰富，其处理过程也越来越复杂，最终导致页面加载过程变的越来越慢。用户希望页面内容丰富且交互顺畅，页面渲染速度是页面性能的直接体现，影响着网站的用户使用量，是影响用户体验的关键因素。

网页中有多种类型的作业需要加载，其中包括JavaScript文件、CSS文件、文档以及图片等，而页面的加载速度会直接影响到公司的效率，如亚马逊网站每100毫秒的负载延迟会损失销售额1％，相当于数十亿美元。对于网页而言，图片的平均权重约占64％，所以在商业竞争中，对图像的优化已经成为不可或缺的核心竞争力。

目前对页面图像加载的优化方式为在未加载出原图像之前，通过缩略图代替原图像，等原图像加载出来之后，通过原图像替换缩略图，然而，缩略图一般是极小的图片，用户难以看清缩略图的细节，并且由于缩略图与原图像具有较大的尺寸差异，在通过原图像替换缩略图时，会引起页面内容的上下移动，影响用户的体验。

因此，如何兼顾图像加载速度和用户体验是亟待解决的技术问题。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

发明内容

本发明的主要目的在于提供一种基于机器学习的页面渲染方法、设备、存储介质及装置，旨在解决现有技术中如何兼顾图像加载速度和用户体验的技术问题。

为实现上述目的，本发明提供一种基于机器学习的页面渲染方法，所述基于机器学习的页面渲染方法包括以下步骤：

在接收到目标用户设备发送的页面加载请求时，根据所述页面加载请求检测所述目标用户设备对应的目标设备类型；

将所述目标设备类型输入至预设图像比例优化模型中，以使所述预设图像比例优化模型输出所述目标设备类型对应的目标最优比例；

获取所述页面加载请求对应的页面文本信息和页面图像信息；

按照所述目标最优比例对所述页面图像信息进行压缩，获得优化图像信息；

将所述页面文本信息和所述优化图像信息渲染到当前页面。

优选地，所述在接收到目标用户设备发送的页面加载请求时，提取所述页面加载请求对应的设备信息之前，所述基于机器学习的页面渲染方法还包括：

获取样本设备类型对应的样本图像类型，并获取所述样本图像类型对应的样本压缩比例和样本满意度；

根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例；

获得所述样本设备类型与所述样本最优比例之间的对应关系，并根据所述对应关系生成预设图像比例优化模型。

优选地，所述根据所述样本满意度从所述样本压缩比例中选取所述样本图像类型对应的样本最优比例，具体包括：

对所述样本压缩比例和所述样本满意度进行拟合，获得目标优化函数；