[发明专利]一种web预加载页面的生成方法及装置

说明书

本申请公开了一种web预加载页面的生成方法及装置，根据该方法，服务器获取预先生成的web页面；所述web页面中包括N个元素，N大于0；所述服务器根据所述web页面，生成所述web页面的预加载页面；所述预加载页面包括M个元素，M大于0且小于或等于N；所述预加载页面中每个元素与所述web页面中的一个元素互为镜像元素，互为镜像元素的两个元素的位置和大小相同；所述服务器将所述预加载页面打包至所述web页面中。

技术领域

本申请涉及网络通信领域，具体涉及一种web预加载页面的生成方法及装置。

背景技术

网络性能中一项重要指标是页面响应速度，用户在加载页面时，如果长时间出现白屏，会导致用户认为网页性能不好，对用户体验造成了很大的影响。

目前，在解决出现白屏的现象中，一些浏览器可能会在加载完成前保留之前的页面，使得用户不用直接面对白屏，感觉是直接获得的刷新页面。但是，这种方案导致的问题是可能会造成用户认为页面点击无响应，也会造成不好的用户体验。

因此，针对上述问题，目前亟需一种web页面，在不需要提升硬件设备的前提，缩短白屏时间，提高用户对页面响应速度的体验。

发明内容

本申请实施例提供了一种web页面的生成方法及装置，用以解决现有技术中的web页面的生成方法中用户体验较差的问题。

本申请实施例提供一种web预加载页面的生成方法，包括：

服务器获取预先生成的web页面；所述web页面中包括N个元素，N大于0；

所述服务器根据所述web页面，生成所述web页面的预加载页面；所述预加载页面包括M个元素，M大于0且小于或等于N；所述预加载页面中每个元素与所述web页面中的一个元素互为镜像元素，互为镜像元素的两个元素的位置和大小相同；

所述服务器将所述预加载页面打包至所述web页面中。

一种可能的实现方式，所述服务器根据所述web页面，生成所述web页面的预加载页面，包括：

所述服务器获取所述web页面中的元素，并对所述web页面中的元素进行分类；

针对每一类型的元素，所述服务器将该类型的元素的CSS样式修改为所述预加载页面的中该类型的元素的样式，并将所述修改后的该类元素作为该类元素的镜像元素；

所述服务器将所述修改后的web页面中，所述预加载页面中不显示的N-M个元素以及所述元素的CSS样式删除。

一种可能的实现方式，所述针对每一类型的元素，所述服务器将该类型的元素的CSS样式修改为所述预加载页面的中该类型的元素的样式，并将所述修改后的该类元素作为该类元素的镜像元素，包括：

若确定所述web页面中的元素为图片类型的元素，则所述预加载页面中对应的所述图片类型的镜像元素的样式为透明，或者为所述镜像元素的背景颜色；

若确定所述web页面中的元素为文本类型的元素，则所述预加载页面中对应的所述文本类型的镜像元素的颜色为背景颜色；

若确定所述web页面中的元素为交互类型的元素，则所述预加载页面中对应的所述交互类型的镜像元素的颜色为背景颜色，且所述镜像元素中不包括所述web页面的所述交换类型的元素中的所述内部的文字元素。

一种可能的实现方式，所述服务器将所述修改后的web页面，作为所述预加载页面之前，还包括：

所述服务器将修改后的所述web页面发送至所述终端；

所述服务器若接收到所述终端返回的确认生成所述预加载页面的响应，则在所述服务器中生成所述预加载页面。