一种网页组件的加载方法和装置的制造方法

文档序号:9524013阅读:269来源:国知局
一种网页组件的加载方法和装置的制造方法
【技术领域】
[0001] 本申请涉及浏览器的技术领域,特别是涉及一种网页组件的加载方法和一种网页 组件的加载装置。
【背景技术】
[0002] 互联网技术的迅猛发展将人们带入了信息社会时代,对人们生活产生了深刻的影 响,人们可W各种方式获取到互联网上海量的资讯,W满足生活、工作、学习等各方面的需 求。
[0003] 其中,用户可W通过浏览器迅速及轻易地浏览互联网上的各种资讯。浏览器是一 个显示网页服务器或档案系统内的文件,并让用户与该文件互动的一种应用程序。在浏览 器中可W显示网络中的文字、影像及其他资讯,而送些文字或影像,可W是连接其他网址的 超链接。
[0004] 为了方便用户进行网页浏览,在网页中经常会添加扩展功能的网页组件。例如,在 某个网页中,该组件可W包括工具栏,该工具栏可W用户展示用户信息、用户关注的对象、 服务器推送的信息等等。
[0005] 但是,扩展功能的网页组件给用户带来了便利的同时,也给网页带来了性能上的 下降。例如,上述工具栏的大小一般在200k左右,而上述网页本身的大小在400k左右,即 加载上述网页和工具栏的时间比加载上述网页的时间延长了 50%左右,对网页在首屏的展 现造成了较大的影响。
[0006] 此外,网页组件本身资源较大,在网页加载时请求资源的数量也很多,而浏览器的 并行连接数是有限的,网络带宽也是有限的,当用户请求加载网页时,多个请求之间处于相 互竞争的关系,请求越多,需要加载的资源越大,请求之间竞争就越剧烈,最终整个网页的 加载速度会严重下降。
[0007]因此,目前需要本领域技术人员迫切解决的一个技术问题就是:如何提出一种网 页组件的加载机制,W保证网页组件的加载,提高网页的整体加载效率。

【发明内容】

[0008] 本申请实施例所要解决的技术问题是提供一种网页组件的加载方法,W保证网页 组件的加载,提高网页的整体加载效率。
[0009] 相应的,本申请实施例还提供了一种网页组件的加载装置,用W保证上述方法的 实现及应用。
[0010] 为了解决上述问题,本申请实施例公开了一种网页组件的加载方法,包括:
[0011] 当接收到针对网页的监听指示时,依据所述监听指示判断当前用户是否为活跃用 户;
[0012] 若是,贝时日载所述网页中的网页组件;
[001引若否,则在预设的时间点加载所述网页中的网页组件。
[0014] 优选地,所述预设的时间点包括:
[0015] 在检测到网页主体加载完成事件后,间隔第一预设时间的时间点;
[001引和/或,
[0017] 在开始加载所述网页后,间隔第二预设时间的时间点。
[0018] 优选地,所述依据所述监听指示判断当前用户是否为活跃用户的步骤包括:
[0019] 判断在所加载的所述网页中是否检测到指定的操作事件;
[0020] 若是,则判断当前用户为活跃用户;
[0021] 若否,则判断当前用户为非活跃用户。
[0022] 优选地,所述指定的操作事件包括指定的鼠标操作事件、指定的键盘操作事件和 指定的触控事件中的至少一个。
[0023] 优选地,所述鼠标操作事件包括鼠标移动事件、鼠标点击事件和鼠标滚轮滑动事 件中的至少一个;
[0024] 所述键盘操作事件包括键盘字母键点击事件、键盘数字键点击事件、键盘符号键 点击事件和键盘方向键点击事件中的至少一个;
[00巧]所述指定的触控事件包括触碰事件。
[0026] 优选地,所述加载所述网页中的网页组件的步骤包括:
[0027] 当检测到网页主体加载完成事件时,开始加载所述网页中的网页组件。
[002引本申请实施例还公开了一种网页组件的加载装置,包括:
[0029] 判断模块,用于在接收到针对网页的监听指示时,依据所述监听指示判断当前用 户是否为活跃用户;若是,则调用第一加载模块;若否,则调用第二加载模块;
[0030] 第一加载模块,用于加载所述网页中的网页组件;
[0031] 第二加载模块,用于在预设的时间点加载所述网页中的网页组件。
[0032] 优选地,所述预设的时间点包括:
[0033] 在检测到网页主体加载完成事件后,间隔第一预设时间的时间点;
[0034]和 / 或,
[0035] 在开始加载所述网页后,间隔第二预设时间的时间点。
[0036] 优选地,所述判断模块包括:
[0037] 操作时间判断子模块,用于判断在所加载的所述网页中是否检测到指定的操作事 件;若是,则调用第一判断子模块;若否,则调用第二判断子模块;
[0038] 第一判断子模块,用于判断当前用户为活跃用户;
[0039] 第二判断子模块,用于判断当前用户为非活跃用户。
[0040] 优选地,所述指定的操作事件包括指定的鼠标操作事件、指定的键盘操作事件和 指定的触控事件中的至少一个。
[0041] 优选地,所述鼠标操作事件包括鼠标移动事件、鼠标点击事件和鼠标滚轮滑动事 件中的至少一个;
[0042] 所述键盘操作事件包括键盘字母键点击事件、键盘数字键点击事件、键盘符号键 点击事件和键盘方向键点击事件中的至少一个;
[0043] 所述指定的触控事件包括触控点击事件。
[0044] 优选地,所述第一加载模块包括:
[0045] 排序加载子模块,用于在检测到网页主体加载完成事件时,开始加载所述网页中 的网页组件。
[0046] 与【背景技术】相比,本申请实施例包括W下优点:
[0047] 本申请实施例在接收到网页的加载请求时,由当前用户的状态选择网页组件的加 载时机。一方面,在当前用户为活跃用户时,则立即加载网页组件,W保证网页功能的多样 化、便捷化,保证网页组件需求比较强的用户群体的用户体验;另一方面,在当前用户为非 活跃用户时,则在预设的时间点,延时加载网页组件,W提供更多的浏览器系统资源、带宽 资源,用于加载网页主体,避免加载网页组件和加载网页主体的资源争抢,加快了网页主体 的加载速度,减少了网页主体的加载时间,提高了网页的加载效率,减少了网页组件的加载 对网页主体加载的影响。
[0048] 本申请实施例在网页主体加载完成事件后,间隔第一预设时间的时间点加载网页 组件,W提供更多的浏览器系统资源、带宽资源,用于处理异步接口,避免加载网页组件和 处理异步接口的资源争抢,加快了异步接口的加载速度,减少了异步接口的加载时间,进一 步提高了网页的加载效率,保证了网页正常功能的运行。
[0049] 本申请实施例在开始加载所述网页后,间隔第二预设时间的时间点加载网页组 件,使得在网页资源加载可能遇到失败或者超时、或者是其他一些异常的情况,无法触发网 页主体加载完成事件时,在可W接受的时间内加载网页组件,保证了网页正常功能的运行。
【附图说明】
[0050] 图1是本申请的一种网页组件的加载方法实施例的步骤流程图;
[0051] 图2是本申请的一种网页组件的加载装置实施例的结构框图。
【具体实施方式】
[0052] 为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实 施方式对本申请作进一步详细的说明。
[0053] 在网页加载时,通常会采用懒加载方式,即在用户滚屏浏览网页的时候,当网页元 素(例如,文字、图片等)出现在用户的可见范围内的时候,进行网页元素的加载。网页组 件(例如,上述工具栏)是在首屏加载的,而传统的懒加载方式只适合用于非首屏之外网页 元素的加载,因此,懒加载方式在网页组件(例如,工具栏)送种属于首屏内的场景就不适 用了。
[0054] 而一般的延时加载方式,例如,网页加载完成5砂之后加载网页组件(例如工具 栏),但是,很多用户在5砂内就会离开当前网页,造成用户根本就看不到网页组件(例如, 工具栏)。
[0055] 因此,提出本申请实施例的核必构思之一,通过在所加载的网页中获取用户的操 作判断用户的状态,再根据用户的状态来选择网页组件加载的时机。
[0056] 参照图1,其示出了本申请的一种网页组件的加载方法实施例的步骤流程图,具体 可W包括如下步骤:
[0057] 步骤101,当接收到针对网页的监听指示时,依据所述监听指示判断当前用户是否 为活
当前第1页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1