首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

一种优化html5页面首屏用户体验的加载技术架构 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:北京皮尔布莱尼软件有限公司

摘要:本发明属于html5页面技术领域,且公开了一种优化html5页面首屏用户体验的加载技术架构,具体步骤如下:步骤一:首屏加载顺序假设页面首屏内容分为5个子模块,定义数组【子模块1,子模块2,子模块3,子模块4,子模块5】,数组中为5个元素表示对应模块内API请求是否加载完成,在各子模块请求接口并成功返回数据后。本专利提供了一种针对HTML5网页加载无序、闪烁、错乱、内容较多、缓慢、流量耗费较大等问题的解决方案,通过前端JS技术手段,将一整页内容分割为若干模块,根据用户实际操作,按需加载各模块内容,达到html5网页首屏加速、浏览顺畅、提高用户体验的目的,从而增加了潜在用户的浏览时长并提高商业数据转换率。

主权项:1.一种优化html5页面首屏用户体验的加载技术架构,其特征在于:具体步骤如下:步骤一:首屏加载顺序假设页面首屏内容分为5个子模块,定义数组【子模块1,子模块2,子模块3,子模块4,子模块5】,数组中为5个元素表示对应模块内API请求是否加载完成,在各子模块请求接口并成功返回数据后,通知主页面并删除数组中对应的模块标识,首屏中实时监控数组中标识数量是否为0,数组长度为0代表所有子模块重要数据都已加载完毕,可以开始依次渲染页面内容,当前时间用户看到的页面,是从上至下依次渲染的内容,不会再出现抖动、闪烁、模块错乱和内容穿插的情况;步骤二:首屏加载速度假设页面内容较多,首屏之外向下滚动有很多资讯内容、商品列表,点击某按钮开关,出现的弹层中还有动态数据内容,但是除首屏之外的数据,在页面刚打开时就加载会有三个问题:1:影响页面首次打开的页面响应速度,网络环境不好的情况下,需要等待较长时间;2:除首屏之外的内容,也许不是用户想浏览的,但是也一次性的全部加载完成;3:移动网络环境下,消耗了用户更多的流量;针对上面的问题,通过使用JavaScript技术通过监听用户操作行为,得到用户在首屏加载完成后的点击和网页滚动操作标识,之后再加载除首屏之外内容,从而解决以上3个问题。

全文数据:

权利要求:

百度查询: 北京皮尔布莱尼软件有限公司 一种优化html5页面首屏用户体验的加载技术架构

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。

相关技术
相关技术
相关技术
相关技术