运行效率较慢，所以本申请将原本设置每个模块内部的JS文件，改为设置在网页资源的主 体资源之后。由于网页资源采用由上至下的加载方式，所以，浏览器在加载网页资源的过程 为，在主体资源加载完成之后，再运行每个模块内部的JS文件。在网页中主体资源对应网 页的首屏页面；所以本申请可以达到的技术效果为：在显示网页的首屏页面之后（在主体 资源加载完成之后），再运行各个模块资源的JS文件（完善各个模块的具体功能）。
[0123] 本申请将原本在加载主体资源过程中需要执行的业务逻辑，设置在主体资源加载 完成之后再执行；即提前执行主体资源显示首屏页面的程序，延后执行各个模块运行JS文 件的程序，所以本申请可以提高首屏页面展现效率。并且，本申请没有增加额外的资源请求 开销，便可加速首屏页面展现，从而可以提高网页性能。
[0124] 参见图1，本申请还提供了一种网页加载系统，包括：
[0125] 浏览器200和服务器100 ;
[0126] 其中，所述浏览器200,用于加载由服务器100发送的网页资源；其中，所述网页资 源包括头部资源、主体资源和尾部资源，所述主体资源包括至少一个模块资源，并且，每个 模块资源的JS文件均设置于所述主体资源之后；在所述网页资源中加载到每个模块资源 时，在所述每个模块资源中提取运行JS文件所需的JS资源，并将所述JS资源注册到预先 建立的函数运行池中；在确定所述主体资源加载完成后，将所述函数运行池中每个模块的 JS资源注入到与之对应的JS文件中。
[0127] 所述服务器100,用于接收浏览器200发送的网页地址；计算所述网页地址所需的 网页资源；所述网页资源包括至少一个模块资源，并且，每个模块资源的JS文件均设置于 所述主体资源之后；将所述网页资源发送至所述浏览器200。
[0128] 本实施例方法所述的功能如果以软件功能单元的形式实现并作为独立的产品销 售或使用时，可以存储在一个计算设备可读取存储介质中。基于这样的理解，本申请实施 例对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该 软件产品存储在一个存储介质中，包括若干指令用以使得一台计算设备（可以是个人计算 机，服务器，移动计算设备或者网络设备等）执行本申请各个实施例所述方法的全部或部 分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，Read-Only Memory)、随 机存取存储器（RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介 质。
[0129] 本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它 实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。
[0130] 对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。 对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的 一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请 将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一 致的最宽的范围。
【主权项】
1. 一种网页加载方法，其特征在于，包括： 加载由服务器发送的网页资源；其中，所述网页资源包括头部资源、主体资源和尾部资 源，所述主体资源包括至少一个模块资源，并且，每个模块资源的JS文件均设置于所述主 体资源之后； 在所述网页资源中加载到每个模块资源时，在所述每个模块资源中提取运行JS文件 所需的JS资源，并将所述JS资源注册到预先建立的函数运行池中； 在确定所述主体资源加载完成后，将所述函数运行池中每个模块资源的JS资源注入 到与之对应的JS文件中。2. 如权利要求1所述的方法，其特征在于，所述确定所述主体资源加载完成，包括： 在所述主体资源加载完成后，触发一个加载完成事件； 在检测到所述加载完成事件后，确定所述主体资源加载完成。3. 如权利要求1所述的方法，其特征在于，在将所述函数运行池中每个模块资源的JS 资源注入到与之对应的JS文件中之后，还包括： 清空所述函数运行池。4. 如权利要求1所述的方法，其特征在于，在所述加载由服务器发送的网页资源之前， 还包括： 接收用户输入的网页地址；其中，所述网页地址与所述网页资源对应； 向所述服务器发送所述网页地址。5. -种网页加载方法，其特征在于，包括： 接收浏览器发送的网页地址； 计算所述网页地址所需的网页资源；所述网页资源包括至少一个模块资源，并且，每个 模块资源的JS文件均设置于所述主体资源之后； 将所述网页资源发送至所述浏览器。6. -种网页加载装置，其特征在于，包括： 加载单元，用于加载由服务器发送的网页资源；其中，所述网页资源包括头部资源、主 体资源和尾部资源，所述主体资源包括至少一个模块资源，并且，每个模块资源的JS文件 均设置于所述主体资源之后； 注册单元，用于在所述网页资源中加载到每个模块资源时，在所述每个模块资源中提 取运行JS文件所需的JS资源，并将所述JS资源注册到预先建立的函数运行池中； 确定单元，用于确定所述主体资源加载完成； 注入单元，用于在所述主体资源加载完成后，将所述函数运行池中每个模块资源的JS 资源注入到与之对应的JS文件中。7. 如权利要求6所述的装置，其特征在于，所述确定单元具体用于： 在所述主体资源加载完成后，触发一个加载完成事件；在检测到所述加载完成事件后， 确定所述主体资源加载完成。8. 如权利要求6所述的装置，其特征在于，还包括： 清空单元，用于在将所述函数运行池中每个模块资源的JS资源注入到与之对应的JS 文件中之后，清空所述函数运行池。9. 如权利要求6所述的装置，其特征在于，还包括： 第一接收单元，用于接收用户输入的网页地址；其中，所述网页地址与所述网页资源对 应； 第一发送单元，用于向所述服务器发送所述网页地址。10. -种网页加载装置，其特征在于，包括： 第二接收单元，用于接收浏览器发送的网页地址； 计算单元，用于计算所述网页地址所需的网页资源；所述网页资源包括至少一个模块 资源，并且，每个模块资源的JS文件均设置于所述主体资源之后； 第二发送单元，用于将所述网页资源发送至所述浏览器。11. 一种网页加载系统，其特征在于，包括： 浏览器和服务器； 其中，所述浏览器，用于加载由服务器发送的网页资源；其中，所述网页资源包括头部 资源、主体资源和尾部资源，所述主体资源包括至少一个模块资源，并且，每个模块资源的 JS文件均设置于所述主体资源之后；在所述网页资源中加载到每个模块资源时，在所述每 个模块资源中提取运行JS文件所需的JS资源，并将所述JS资源注册到预先建立的函数运 行池中；在确定所述主体资源加载完成后，将所述函数运行池中每个模块资源的JS资源注 入到与之对应的JS文件中； 所述服务器，用于接收浏览器发送的网页地址；计算所述网页地址所需的网页资源； 所述网页资源包括至少一个模块资源，并且，每个模块资源的JS文件均设置于所述主体资 源之后；将所述网页资源发送至所述浏览器。
【专利摘要】本申请提供了一种网页加载方法、装置及系统，其中一种方法包括：加载由服务器发送的网页资源；其中，每个模块资源的JS文件均设置于所述主体资源之后；在所述网页资源中加载到每个模块时，在所述每个模块资源中提取运行JS文件所需的JS资源，并将所述JS资源注册到预先建立的函数运行池中；在确定所述主体资源加载完成后，将所述函数运行池中每个模块资源的JS资源注入到与之对应的JS文件中。本申请将原本在加载主体资源过程中需要执行的业务逻辑，设置在主体资源加载完成之后再执行；即提前执行主体资源显示首屏页面的程序，延后执行各个模块运行JS文件的程序，所以本申请可以提高首屏首屏页面展现效率。
【IPC分类】G06F9/445, G06F17/30
【公开号】CN105045645
【申请号】CN201510608661
【发明人】侯鹏, 孟杰, 邵明海, 陈一宁
【申请人】广州神马移动信息科技有限公司
【公开日】2015年11月11日
【申请日】2015年9月22日