[发明专利]页面加载方法、装置、电子设备及存储介质

说明书

本公开关于一种页面检测方法、装置、电子设备及存储介质，所述方法包括：在检测到加载请求时，先获取加载请求指示的活动页面的页面数据，所述页面数据包括：活动页面所需的背景图片；从所述背景图片中，确定所述活动页面中各个模块所需的模块背景图片信息，以及所述各个模块需要显示背景的位置坐标信息；将所述各个模块所需的模块背景图片信息按照确定的所述各个模块的显示背景的位置坐标信息进行加载，得到加载后的活动页面。本公开实施例中，在检测到加载请求时，通过一次获取加载请求指示的活动页面的页面数据，完成整个活动页面的加载，有效的提高活动页的加载效率，降低用户丢失率，提升整个活动页的推广。

技术领域

本公开涉及终端技术领域，尤其涉及一种页面加载方法、装置、电子设备及存储介质。

背景技术

随着业务发展和用户增长，网站中用户的访问量日益增多，系统压力越来越大，尤其是业务高峰期，系统承受着巨大压力，网站页面访问速度下降，影响用户使用感知，进而影响部门业务推广。特别是有大量的推广活动页时，下网页的加载速度凸显重要，直接影响推广活动的质量。

相关技术中，每次新活动开展时，都需要相关人员根据需求进行加载资源，一次活动可能需要加载20张左右图片资源，有时还可能会涉及到换图，压缩等工作。针对每次活动，在图片资源加载时需要大量的超文本传输协议(http)请求，可能会出现页面加载时间过长，用户长时间看见空白页，从而导致用户不愿等待加载时间，而放弃加载，最终丢失用户。在推广活动期间，如果需求上传涉及多张图片资源的文案变动，就会导致修改文案，重复多次切图，需要更换多张图片资源，增加开发阶段的工作量，降低了活动页面加载效率。

因此，如何解决活动页加载效率低的问题是目前有待解决的技术问题。

发明内容

本公开提供一种页面加载方法、装置、电子设备及存储介质，以至少解决相关技术中活动页面加载效率低的技术问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面加载方法，包括；

在检测到加载请求时，获取加载请求指示的活动页面的页面数据，所述页面数据包括：活动页面所需的背景图片；

从所述背景图片中，确定所述活动页面中各个模块所需的模块背景图片信息，以及所述各个模块需要显示背景的位置坐标信息；

将所述各个模块所需的模块背景图片信息按照确定的所述各个模块的显示背景的位置坐标信息进行加载，得到加载后的活动页面。

可选的，所述方法还包括：

在所述活动页面的头部添加标签代码，所述标签代码用于自适应匹配不同尺寸的屏幕信息；

所述从所述背景图片中，确定所述活动页面中各个模块所需的模块背景图片信息和显示背景的位置坐标信息，包括：

从所述背景图片中，确定添加所述代码后的所述活动页面中各个模块所需的模块背景图片信息和显示背景的位置坐标信息。

可选的，所述方法还包括：

判断所述各个模块中每个模块是否为纯静态背景展示模块；

如果是纯静态背景展示模块，则执行将所述各个模块所需的模块背景图片信息所述按照确定的所述各个模块的显示背景的位置坐标信息进行加载，得到加载后的活动页面；

如果是非纯静态背景展示模块，则在所述非纯静态背景展示模块中添加DOM元素，以实现动态数据加载。

可选的，所述从所述背景图片中，确定所述活动页面中各个模块所需的模块背景图片信息包括：

通过层叠样式表CSS中的背景图片属性和背景图片尺寸属性，从所述背景图片中确定所述活动页面中各个模块所需的模块背景图片内容和所述模块背景图片大小；