网页加载方法、装置及系统的制作方法
【技术领域】
[0001] 本申请涉及网络技术领域，尤其涉及网页加载方法、装置及系统。
【背景技术】
[0002] 随着互联网技术的飞速发展，互联网的网页内容越来越多。随着网页内容的增多， 对开发人员的开发效率也提出更高的要求。目前，一个网页基本包括三个部分，头部、主体 和尾部；可以理解的是，与网页对应的网页资源也分为三个部分：头部资源、主体资源和尾 部资源。其中，主体为网页的主要部分，该部分也是技术人员主要开发的部分；即，技术人员 需要对与主体对应的主体资源进行开发。
[0003] 为了提高网页主体的开发效率，业内通常采用的技术手段为将主体模块化，即将 主体划分为多个模块，例如，网页上的天气模块、搜索模块、音乐模块等；这使得每个技术人 员可以单独负责一个模块，从而可以提高主体的开发效率，这使得一个主体上具有一个或 多个模块。在主体包含多个模块的情况下，可以理解的是，与主体对应的主体资源中同样包 括各个模块的模块资源。
[0004] 在实际应用中，浏览器会加载服务器发送的网页资源，从而显示网页内容。目前， 浏览器会采用由上至下的方式加载网页资源，即先加载网页资源的头部资源，在加载网页 资源的主体资源，最后加载网页资源的尾部资源。在加载主体资源的过程中，仍然按照由上 至下的加载方式，先加载排列靠前的资源再加载排列靠后的资源，直到所有的主体资源均 加载完毕。
[0005] 浏览器在加载主体资源中的模块资源时，会加载模块资源所包括的三种类型的文 件：独立功能模板文件、CSS文件以及JS文件；在三种类型的文件均加载完成之后，再继续 加载该模块资源后面的其它主体资源。
[0006] 但是，在一个模块资源中，在独立功能模板文件和CSS文件加载完成之后，即可显 示出模块资源对应的网页内容；而运行JS文件仅仅是完善该模块所能实现的功能而已。即 各个模块资源的JS文件是否执行完成与显示网页内容无关，并且运行各个模块资源的JS 文件的速率较慢；这导致浏览器需要花费资源和时间先执行各个模块资源的JS文件，才能 够显示网页内容，即各个模块资源的JS文件会阻碍网页内容的渲染。
[0007] 针对网页的首屏页面而言，最重要的是首屏页面的展现效率，即浏览器可以快速 显示网页的全部内容。但是，在根据浏览器目前的加载网页资源的方式来看，浏览器需要花 费较长的时间才能显示出网页的首屏页面，这降低了首屏页面的展现效率。
[0008] 因此现在需要一种网页加载方式，来提高网页首屏页面的展现效率。
【发明内容】
[0009] 本申请提供了一种网页加载方法、装置及系统，使用本申请可以能够提高网页的 首屏展现效率。
[0010] 为了实现上述目的，本申请采用以下技术手段：
[0011] -种网页加载方法，包括：
[0012] 加载由服务器发送的网页资源；其中，所述网页资源包括头部资源、主体资源和尾 部资源，所述主体资源包括至少一个模块资源，并且，每个模块资源的JS文件均设置于所 述主体资源之后；
[0013] 在所述网页资源中加载到每个模块资源时，在所述每个模块资源中提取运行JS 文件所需的JS资源，并将所述JS资源注册到预先建立的函数运行池中；
[0014] 在确定所述主体资源加载完成后，将所述函数运行池中每个模块资源的JS资源 注入到与之对应的JS文件中。
[0015] 优选的，所述确定所述主体资源加载完成，包括：
[0016] 在所述主体资源加载完成后，触发一个加载完成事件；
[0017] 在检测到所述加载完成事件后，确定所述主体资源加载完成。
[0018] 优选的，在将所述函数运行池中每个模块资源的JS资源注入到与之对应的JS文 件中之后，还包括：
[0019] 清空所述函数运行池。
[0020] 优选的，在所述加载由服务器发送的网页资源之前，还包括：
[0021] 接收用户输入的网页地址；其中，所述网页地址与所述网页资源对应；
[0022] 向所述服务器发送所述网页地址。
[0023] -种网页加载方法，包括：
[0024] 接收浏览器发送的网页地址；
[0025] 计算所述网页地址所需的网页资源；所述网页资源包括至少一个模块资源，并且， 每个模块资源的JS文件均设置于所述主体资源之后；
[0026] 将所述网页资源发送至所述浏览器。
[0027] -种网页加载装置，包括：
[0028] 加载单元，用于加载由服务器发送的网页资源；其中，所述网页资源包括头部资 源、主体资源和尾部资源，所述主体资源包括至少一个模块资源，并且，每个模块资源的JS 文件均设置于所述主体资源之后；
[0029] 注册单元，用于在所述网页资源中加载到每个模块资源时，在所述每个模块资源 中提取运行JS文件所需的JS资源，并将所述JS资源注册到预先建立的函数运行池中；
[0030] 确定单元，用于确定所述主体资源加载完成；
[0031] 注入单元，用于在所述主体资源加载完成后，将所述函数运行池中每个模块资源 的JS资源注入到与之对应的JS文件中。
[0032] 优选的，所述确定单元具体用于：
[0033] 在所述主体资源加载完成后，触发一个加载完成事件；在检测到所述加载完成事 件后，确定所述主体资源加载完成。
[0034] 优选的，还包括：
[0035] 清空单元，用于在将所述函数运行池中每个模块资源的JS资源注入到与之对应 的JS文件中之后，清空所述函数运行池。
[0036] 优选的，还包括：
[0037] 第一接收单元，用于接收用户输入的网页地址；其中，所述网页地址与所述网页资 源对应；
[0038] 第一发送单元，用于向所述服务器发送所述网页地址。
[0039] -种网页加载装置，包括：
[0040] 第二接收单元，用于接收浏览器发送的网页地址；
[0041] 计算单元，用于计算所述网页地址所需的网页资源；所述网页资源包括至少一个 模块资源，并且，每个模块资源的JS文件均设置于所述主体资源之后；
[0042] 第二发送单元，用于将所述网页资源发送至所述浏览器。
[0043] 一种网页加载系统，包括：
[0044] 浏览器和服务器；
[0045] 其中，所述浏览器，用于加载由服务器发送的网页资源；其中，所述网页资源包括 头部资源、主体资源和尾部资源，所述主体资源包括至少一个模块资源，并且，每个模块资 源的JS文件均设置于所述主体资源之后；在所述网页资源中加载到每个模块资源时，在所 述每个模块资源中提取运行JS文件所需的JS资源，并将所述JS资源注册到预先建立的函 数运行池中；在确定所述主体资源加载完成后，将所述函数运行池中每个模块资源的JS资 源注入到与之对应的JS文件中；
[0046] 所述服务器，用于接收浏览器发送的网页地址；计算所述网页地址所需的网页资 源；所述网页资源包括至少一个模块资源，并且，每个模块资源的JS文件均设置于所述主 体资源之后；将所述网页资源发送至所述浏览器。由以上内容可以看出，本申请具有以下有 益效果：
[0047] 本申请将原本设置每个模块资源内部的JS文件，改为设置在网页资源的主体资 源之后。由于网页资源采用由上至下的加载方式，所以，浏览器在加载网页资源的过程为， 先加载头部资源，再加载主体资源，在主体资源加载完成之后，再运行每个模块内部的JS 文件，最后加载尾部资源。
[0048] 由于主体资源包含首屏页面的主要显示内容，因此在主体资源加载完毕之后，即 可显示出网页的首屏页面。然后，浏览器在再加载各个模块资源的JS文件，以完善各个模 块的具体功能。
[0049] 即，本申请将原本在加载主体资源过程中需要执行的业务逻辑，设置在主体资源 加载完成之后再执行；即提前执行主体资源显示首屏页面的程序，延后执行各个模块运行 JS文件