[发明专利]页面显示方法、装置、存储介质及电子设备有效
申请号: | 201911183067.2 | 申请日: | 2019-11-27 |
公开(公告)号: | CN110889074B | 公开(公告)日: | 2022-04-08 |
发明(设计)人: | 罗伟凡;刘亚倩;黎清顾;白金蓬;曹林 | 申请(专利权)人: | 珠海格力电器股份有限公司;珠海联云科技有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F16/957 |
代理公司: | 北京聿宏知识产权代理有限公司 11372 | 代理人: | 吴大建;张杰 |
地址: | 519000*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 显示 方法 装置 存储 介质 电子设备 | ||
1.一种页面显示方法,应用于电子设备,其特征在于,所述方法包括:
在向服务器发送页面加载请求时,获取所述电子设备的通信服务端口的侦测参数,其中,所述侦测参数包括请求响应速度和渲染速度;
根据所述服务器基于所述页面加载请求返回的文件生成初始页面,其中,所述初始页面对应有多个待加载元素;
确定所述请求响应速度低于预设响应速度量化指标时,根据各所述待加载元素的使用频率向所述服务器发起元素加载请求,并根据所述服务器反馈响应信息在所述初始页面内容中对该反馈响应信息对应的待加载元素进行加载,其中,所述响应信息包括对应的待加载元素的加载文件;
确定所述渲染速度低于预设渲染速度量化指标时,对加载的待加载元素进行显示,并按照延迟加载算法对所述初始页面中的未加载的待加载元素和不在可视区域内的元素进行延迟显示。
2.根据权利要求1所述的页面显示方法,其特征在于,所述侦测参数还包括请求数量,各所述待加载元素的使用频率通过以下步骤获得:
在确定所述请求数量低于预设请求量化指标时,统计系统使用日志中的每个所述待加载元素的使用频率;
其中,统计系统使用日志中的每个所述待加载元素的使用频率,包括:
采用最近最常使用算法统计系统使用日志中的各所述待加载元素的使用频率。
3.根据权利要求2所述的页面显示方法,其特征在于,在所述请求数量不低于预设请求量化指标和/或所述请求响应速度不低于预设响应速度量化指标,和/或所述渲染速度不低于预设渲染速度量化指标时,所述方法还包括:
根据各所述待加载元素对应在初始页面的位置采用由上到下的顺序在所述初始页面中加载显示各所述待加载元素。
4.根据权利要求1所述的页面显示方法,其特征在于,根据各所述待加载元素的使用频率向所述服务器发起元素加载请求,并根据所述服务器反馈响应信息在所述初始页面内容中对该反馈响应信息对应的待加载元素进行加载的步骤包括:
按照各所述待加载元素的使用频率由高到低的顺序依次向所述服务器发起与各所述待加载元素对应的元素加载请求;
接收所述服务器依次执行接收到的元素加载请求时反馈的响应信息,并根据该响应信息在所述初始页面中对该响应信息对应的待加载元素进行加载。
5.根据权利要求1所述的页面显示方法,其特征在于,所述加载文件包括文本文件和图片文件,根据响应信息在所述初始页面中对该响应信息对应的待加载元素进行加载,包括:
在所述初始页面中采用渐进式加载技术对所述响应信息中文本文件和图片文件分别进行加载,以完成对该响应信息对应的待加载元素的加载。
6.根据权利要求1所述的页面显示方法,其特征在于,在执行按照延迟加载算法对所述初始页面中的未加载的待加载元素和不在可视区域内的元素进行延迟显示,所述方法还包括:
对所述初始页面中加载的待加载元素执行脚本的初始化操作。
7.一种页面显示装置,应用于电子设备,其特征在于,所述装置包括:
参数获取模块,用于在向服务器发送页面加载请求时,获取所述电子设备的通信服务端口的侦测参数,其中,所述侦测参数包括请求响应速度以及渲染速度;
初始页面生成模块,用于根据所述服务器基于所述页面加载请求返回的文件生成初始页面,其中,所述初始页面对应有多个待加载元素;
加载模块,用于确定所述请求响应速度低于预设响应速度量化指标时,根据各所述待加载元素的使用频率向所述服务器发起元素加载请求,并根据所述服务器反馈响应信息在所述初始页面内容中对该反馈响应信息对应的待加载元素进行加载,其中,所述响应信息包括对应的待加载元素的加载文件;
显示模块,用于确定所述渲染速度低于预设渲染速度量化指标时,对加载的待加载元素进行显示,并按照延迟加载算法对所述初始页面中的未加载的待加载元素和不在可视区域内的元素进行延迟显示。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于珠海格力电器股份有限公司;珠海联云科技有限公司,未经珠海格力电器股份有限公司;珠海联云科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911183067.2/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种牛腿梁结构及其使用方法
- 下一篇:一种电视监控方法、装置及电子设备