[发明专利]一种图片预加载的方法、系统及相关组件在审
申请号: | 201810661834.5 | 申请日: | 2018-06-25 |
公开(公告)号: | CN108846113A | 公开(公告)日: | 2018-11-20 |
发明(设计)人: | 马聪 | 申请(专利权)人: | 郑州云海信息技术有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30 |
代理公司: | 北京集佳知识产权代理有限公司 11227 | 代理人: | 罗满 |
地址: | 450018 河南省郑州市*** | 国省代码: | 河南;41 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 预加载 页面 访问指令 函数执行 图片资源 资源加载 图片 加载 计算机可读存储介质 网页浏览装置 带宽占用 任务添加 任务执行 相关组件 动态的 申请 矛盾 | ||
本申请公开了一种图片预加载的方法,所述方法包括接收访问指令并判断访问指令对应的页面中是否存在待预加载图片资源;若是,则生成加载待预加载图片资源的预加载任务,并将预加载任务添加至任务列表中;通过异步函数执行任务列表中的预加载任务直至当前页面中出现需要执行的资源加载任务,暂停预加载任务;当资源加载任务执行完毕后,继续通过异步函数执行任务列表中的预加载任务。本方法能够解决图片预加载与新切换当前页面时加载资源之间关于带宽占用的矛盾,提高图片预加载的灵活性、实现动态的图片预加载。本申请还公开了一种图片预加载的系统、一种计算机可读存储介质及一种网页浏览装置,具有以上有益效果。
技术领域
本发明涉及web浏览器技术领域,特别涉及一种图片预加载的方法、系统、一种计算机可读存储介质及一种网页浏览装置。
背景技术
随着现代web浏览器技术的飞速发展,特别是AJAX技术的广泛应用,使得Browser/Server(浏览器/服务器模式)结构的使用越来越多,随之而来的web前端性能优化问题也日益突出,尤其是用户访问浏览器页面总会遇到加载图片不及时的情况,针对该问题,较好的办法是图片预加载,图片预先加载到浏览器中,访问者便可顺利访问网页,获取更好的用户体验。
现有技术中,图片预加载主要为JavaScript预加载。JavaScript预加载只需在代码中简单编辑、加载所需要图片的路径与名称即可,通过脚本很容易实现,尤其适用预加载较多的图片,该方法简洁、高效。但是JavaScript预加载也会占用带宽,当用户切换页面的时候,尤其是新切换当前页面需要加载资源如果过多,并且当前页面资源还没有预加载的话,仍然会有页面加载慢的问题。
因此,如何解决图片预加载与新切换当前页面时加载资源之间关于带宽占用的矛盾,提高图片预加载的灵活性、实现动态的图片预加载是本领域技术人员目前需要解决的技术问题。
发明内容
本申请的目的是提供一种图片预加载的方法、系统、一种计算机可读存储介质及一种网页浏览装置,能够解决图片预加载与新切换当前页面时加载资源之间关于带宽占用的矛盾,提高图片预加载的灵活性、实现动态的图片预加载。
为解决上述技术问题,本申请提供一种图片预加载的方法,该方法包括:
接收访问指令并判断访问指令对应的页面中是否存在待预加载图片资源;
若是,则生成加载待预加载图片资源的预加载任务,并将预加载任务添加至任务列表中;
通过异步函数执行任务列表中的预加载任务直至当前页面中出现需要执行的资源加载任务,暂停预加载任务;
当资源加载任务执行完毕后,继续通过异步函数执行任务列表中的预加载任务。
可选的,还包括:
执行资源加载任务,并在资源加载任务执行完毕后生成资源加载任务已执行完毕的提示信息。
可选的,执行资源加载任务包括:
判断当前页面中是否存在需要加载的图片资源;
若需要,则加载图片资源;
若不需要,则加载其他非图片资源;其中,所述资源加载任务具体为加载所述图片资源和所述其他非图片资源的任务。
可选的,加载图片资源包括:
判断图片资源是否已经预加载;
若否,则向服务端发送加载请求,以便加载图片资源。
本申请还提供了一种图片预加载的系统,该系统包括:
判断模块,用于接收访问指令并判断访问指令对应的页面中是否存在待预加载图片资源;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于郑州云海信息技术有限公司,未经郑州云海信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810661834.5/2.html,转载请声明来源钻瓜专利网。