CN104866359B - 网页加载方法及装置 - Google Patents

Abstract

本发明公开了一种网页加载方法及装置。其中，该方法包括：根据标记标签，将网页划分为至少两个区域；根据与区域对应的行内框架，获取行内框架中的链接参数；根据链接参数，获取与区域对应的页面信息；将页面信息替换至由标记标签划分的区域内，生成网页的网页页面。本发明解决了现有技术中对数据量庞大的网页内容顺序加载，导致的网页加载速度慢的问题。

Description

网页加载方法及装置

技术领域

本发明涉及互联网领域，具体而言，涉及一种网页加载方法及装置。

背景技术

近年来，随着移动互联网的发展，生活、学习、工作等都可以在网页上实现。这样，就直接导致了对于服务器性能的要求也日益增高。

网页的加载速度直接决定了用户的浏览体验，有时候网页会因为内容较多而导致包含的数据量比较庞大。在对此类网页进行加载时，浏览器通常会顺序对网页中的各部分内容进行加载，并当某一部分内容加载完毕后，才对该部分内容进行显示。这样会导致网页的加载速度会因为数据量庞大而变得非常慢，影响用户的浏览体验。

针对现有技术中对数据量庞大的网页内容顺序加载，导致的网页加载速度慢的问题，目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种网页加载方法及装置，以解决现有技术中对数据量庞大的网页内容顺序加载，导致的网页加载速度慢的问题。

为了实现上述目的，根据本发明实施例的一个方面，提供了一种网页加载方法。该方法包括：根据标记标签，将网页划分为至少两个区域；根据与区域对应的行内框架，获取行内框架中的链接参数；根据链接参数，获取与区域对应的页面信息；将页面信息替换至由标记标签划分的区域内，生成网页的网页页面。

进一步的，，在根据标记标签，将网页划分为至少两个区域之后，方法还包括：针对网页中的标记标签，生成描述文件，描述文件至少包括网页的区域信息、与区域信息对应的服务器地址集合。

进一步的，在针对网页中的标记标签，生成描述文件之后，方法还包括：根据描述文件，测试网页中各个区域的加载响应时间；当加载响应时间大于或等于预先设置的阈值时，根据与区域对应的行内框架，获取行内框架中的链接参数。

进一步的，根据描述文件，测试网页中各个区域的加载响应时间包括：从描述文件中，获取与区域对应的服务器地址集合；遍历服务器地址集合中的服务器地址，确定区域对应的加载响应时间。

进一步的，将页面信息替换至由标记标签划分的区域内，生成网页的网页页面包括：获取页面信息对应标记标签的替换规则；根据替换规则，将页面信息替换至与区域对应的标记标签中；根据标记标签，生成网页的网页页面。

进一步的，行内框架属性中高和宽的像素值为0像素。

为了实现上述目的，根据本发明实施例的另一方面，提供了一种网页加载装置，该装置包括：处理模块，用于根据标记标签，将网页划分为至少两个区域；第一获取模块，用于根据与区域对应的行内框架，获取行内框架中的链接参数；第二获取模块，用于根据链接参数，获取与区域对应的页面信息；第一生成模块，用于将页面信息替换至由标记标签划分的区域内，生成网页的网页页面。

进一步的，装置还包括：第二生成模块，用于针对网页中的标记标签，生成描述文件，描述文件至少包括网页的区域信息、与区域信息对应的服务器地址集合。

进一步的，装置还包括：测试模块，用于根据描述文件，测试网页中各个区域的加载响应时间；执行模块，用于当加载响应时间大于或等于预先设置的阈值时，根据与区域对应的行内框架，获取行内框架中的链接参数。

进一步的，第一生成模块包括：子获取模块，用于获取页面信息对应标记标签的替换规则；子替换模块，用于根据替换规则，将页面信息替换至与区域对应的标记标签中；子生成模块，用于根据标记标签，生成网页的网页页面。

根据发明实施例，通过根据标记标签，将网页划分为至少两个区域；根据与区域对应的行内框架，获取行内框架中的链接参数；根据链接参数，获取与区域对应的页面信息；将页面信息替换至由标记标签划分的区域内，生成网页的网页页面，解决了现有技术中对数据量庞大的网页内容顺序加载，导致的网页加载速度慢的问题。实现了同时对网页中各个区域多线程同步获取，提高了页面加载速度的效果。

附图说明

构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例一的一种网页加载方法的流程图；

图2是根据本发明实施例一可选的一种网页加载方法的流程图；

图3是根据本发明实施例一可选的一种网页加载方法的流程图；

图4是根据本发明实施例二的一种网页加载装置的结构示意图；

图5是根据本发明实施例二可选的一种网页加载装置的结构示意图；以及

图6是根据本发明实施例二可选的一种网页加载装置的结构示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

实施例1

本发明实施例提供了一种队列处理方法，图1是根据本发明实施例的网页加载方法的流程图，如图1所示，该方法包括步骤如下：

步骤S11，根据标记标签，将网页划分为至少两个区域。

步骤S13，根据与区域对应的行内框架，获取行内框架中的链接参数。

步骤S15，根据链接参数，获取与区域对应的页面信息。

步骤S17，将页面信息替换至由标记标签划分的区域内，生成网页的网页页面。

通过上述步骤S11至步骤S17，利用标记标签将网页划分为至少两个区域，通过与各个区域对应的行内框架，同时获取各个区域的页面信息。根据通过行内框架获取到的页面信息，生成完整的网页页面。利用上述实施例，实现了同时对网页中各个区域多线程同步获取，提高了页面加载速度的效果。从而解决了对数据量庞大的网页内容顺序加载，导致的网页加载速度慢的问题。

作为一个可选实施例，在网页中，由对应的一对标记标签构成网页中的元素。其中，用于划分网页区域的可以是级块元素<div>，也可以是段落元素<p>，当然也可以是可以起到对网页进行划分作用的，由其他标记标签组成的网页元素。

作为一个可选实施例，网页中各个区域分别对应了一个行内框架(即iframe框架)。在行内框架当中，可以包含该区域中所需要加载的页面信息的链接参数。在网页被加载的过程中，行内框架一旦被请求访问时，行内框架会根据链接参数获取页面信息。

作为一个可选实施例，在上述步骤S15和上述步骤S17中的功能，可以利用http1.1协议中对chunk分块的动态解析功能，由JavaScript控件实现。行内框架通过调用JavaScript控件，获取页面信息，并将返回的页面信息替换至网页内的由标记标签构成的相应区域当中。通过上述方法，可以将网页中的各个区域的页面信息分块输出到浏览器中，每输出一块，浏览器就会动态解析一次，将产生的内容动态替换到网页中各个区域中，实现网页的分块动态输出。

作为一个可选实施例，如图2所示，在步骤S11根据标记标签，将网页划分为至少两个区域之后，方法还包括：

步骤S21，针对网页中的标记标签，生成描述文件，描述文件至少包括网页的区域信息、与区域信息对应的服务器地址集合。

通过上述步骤S21，根据标记标签，确定网页的结构信息，结构信息至少包括网页区域数量，区域属性。进一步的，根据结构信息获取各个区域中所包含的服务器地址集合。根据结构信息和服务器地址结合，生成用于表述网页的描述文件。上述描述文件可以是文本格式，或者也可以时XML格式，还可以是直接写在网页编码中的描述性字段。

作为一个可选实施例，如图3所示，在步骤S21针对网页中的标记标签，生成描述文件之后，方法还包括：

步骤S22，根据描述文件，测试网页中各个区域的加载响应时间。

步骤S23，当加载响应时间大于或等于预先设置的阈值时，根据与区域对应的行内框架，获取行内框架中的链接参数。

通过上述步骤S22至步骤S23，分别测试网页中各个区域的加载时间，通过对加载时间进行判断，判断是否调用与区域对应的行内框架获取区域中的页面信息。

在加载网页之前，通过测试描述文件中网页上各个区域的加载速度，在加载速度过慢时，调用行内框架对网页进行加载。在加载速度正常时，使用常规加载方式对网页进行加载。通过上述方法，既保证了网页的加载速度，又节省系统的处理资源。

作为一个可选实施例，步骤S22根据描述文件，测试网页中各个区域的加载响应时间的步骤，包括：

步骤S221，从描述文件中，获取与区域对应的服务器地址集合。

步骤S222，遍历服务器地址集合中的服务器地址，确定区域对应的加载响应时间。

通过上述步骤S221至步骤S222，分别测试网页中各个区域中，每个服务器地址的响应速度，并且把区域中的各个服务器地址的加载响应时间进行累积计算，确定各个区域的加载响应时间。

作为一个可选实施例，步骤S17将页面信息替换至由标记标签划分的区域内，生成网页的网页页面的步骤可以包括：

步骤S171，获取页面信息对应标记标签的替换规则。

步骤S173，根据替换规则，将页面信息替换至与区域对应的标记标签中。

步骤S175，根据标记标签，生成网页的网页页面。

上述步骤S171,至步骤S175，根据替换规则，将获取到的页面信息替换至与页面信息对应的标记标签中，从而生成完整的网页页面。

通过行内框架中的链接参数获取到的页面信息，也是符合html协议的编写规范的，里面包含由不同层级的标记标签和内容构成的子网页。根据替换规则，将获取到的页面信息对标记标签进行替换或者嵌套，生成完整的网页页面。

作为一个可选实施例，行内框架属性中高和宽的像素值为0像素。

通过将行内框架属性的高和宽设置为0像素，使行内框架不在网页页面中进行显示，但不影响行内框架功能的实现。在保证功能的情况下，不影响网页的布局。

作为一个可选的实施例，还可以通过html协议中的布尔属性(hidden)来使行内框架在网页中不做显示。达到隐藏的效果。除此之外，还可以通过CSS对整个网页页面中各个区域的显示样式进行控制，具体方法不做赘述。

实施例2

本发明实施例还提供了一种网页加载装置，如图4所示，该装置可以包括：处理模块31、第一获取模块33、第二获取模块35和第一生成模块37。

其中，处理模块31，用于根据标记标签，将网页划分为至少两个区域。第一获取模块33，用于根据与区域对应的行内框架，获取行内框架中的链接参数。第二获取模块35，用于根据链接参数，获取与区域对应的页面信息。第一生成模块37，用于将页面信息替换至由标记标签划分的区域内，生成网页的网页页面。

通过上述处理模块31、第一获取模块33、第二获取模块35和第一生成模块37，利用标记标签将网页划分为至少两个区域，通过与各个区域对应的行内框架，同时获取各个区域的页面信息。根据通过行内框架获取到的页面信息，生成完整的网页页面。利用上述实施例，实现了同时对网页中各个区域多线程同步获取，提高了页面加载速度的效果。从而解决了对数据量庞大的网页内容顺序加载，导致的网页加载速度慢的问题。

作为一个可选实施例，如图5所示，装置还可以包括：第二生成模块321，其中，第二生成模块321，用于针对网页中的标记标签，生成描述文件，描述文件至少包括网页的区域信息、与区域信息对应的服务器地址集合。

通过上述第二生成模块321，根据标记标签，确定网页的结构信息，结构信息至少包括网页区域数量，区域属性。进一步的，根据结构信息获取各个区域中所包含的服务器地址集合。根据结构信息和服务器地址结合，生成用于表述网页的描述文件。上述描述文件可以是文本格式，或者也可以时XML格式，还可以是直接写在网页编码中的描述性字段。

作为一个可选实施例，如图6所示，装置还可以包括：测试模块322和执行模块323。

其中，测试模块322，用于根据描述文件，测试网页中各个区域的加载响应时间；执行模块323，用于当加载响应时间大于或等于预先设置的阈值时，根据与区域对应的行内框架，获取行内框架中的链接参数。

通过上述测试模块322和执行模块323，分别测试网页中各个区域的加载时间，通过对加载时间进行判断，判断是否调用与区域对应的行内框架获取区域中的页面信息。

在加载网页之前，通过测试描述文件中网页上各个区域的加载速度，在加载速度过慢时，调用行内框架对网页进行加载。在加载速度正常时，使用常规加载方式对网页进行加载。通过上述方法，既保证了网页的加载速度，又节省系统的处理资源。

作为一个可选实施例，在上述测试模块322中可以执行如下步骤：

步骤1，从描述文件中，获取与区域对应的服务器地址集合。

步骤2，遍历服务器地址集合中的服务器地址，确定区域对应的加载响应时间。

通过上述步骤，分别测试网页中各个区域中，每个服务器地址的响应速度，并且把区域中的各个服务器地址的加载响应时间进行累积计算，确定各个区域的加载响应时间。

作为一个可选实施例，第一生成模块37包括：子获取模块371、子替换模块373和子生成模块375。

其中，子获取模块371，用于获取页面信息对应标记标签的替换规则。子替换模块373，用于根据替换规则，将页面信息替换至与区域对应的标记标签中。子生成模块375，用于根据标记标签，生成网页的网页页面。

上述子获取模块371、子替换模块373和子生成模块375，根据替换规则，将获取到的页面信息替换至与页面信息对应的标记标签中，从而生成完整的网页页面。

通过行内框架中的链接参数获取到的页面信息，也是符合html协议的编写规范的，里面包含由不同层级的标记标签和内容构成的子网页。根据替换规则，将获取到的页面信息对标记标签进行替换或者嵌套，生成完整的网页页面。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、移动终端、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种网页加载方法，其特征在于，包括：

根据标记标签，将网页划分为至少两个区域，其中，用于划分所述网页的标记标签是块级元素或段落元素；

根据与所述区域对应的行内框架，获取所述行内框架中的链接参数；

根据所述链接参数，获取与所述区域对应的页面信息；

将所述页面信息替换至由所述标记标签划分的所述区域内，生成所述网页的网页页面，以同时对网页中各个区域多线程同步获取。

2.根据权利要求1所述的方法，其特征在于，在根据标记标签，将网页划分为至少两个区域之后，所述方法还包括：

针对所述网页中的所述标记标签，生成描述文件，所述描述文件至少包括所述网页的区域信息、与所述区域信息对应的服务器地址集合。

3.根据权利要求2所述的方法，其特征在于，在针对所述网页中的所述标记标签，生成描述文件之后，所述方法还包括：

根据所述描述文件，测试所述网页中各个区域的加载响应时间；

当所述加载响应时间大于或等于预先设置的阈值时，根据与所述区域对应的行内框架，获取所述行内框架中的链接参数。

4.根据权利要求3所述的方法，其特征在于，根据所述描述文件，测试所述网页中各个区域的加载响应时间包括：

从所述描述文件中，获取与所述区域对应的所述服务器地址集合；

遍历所述服务器地址集合中的服务器地址，确定所述区域对应的所述加载响应时间。

5.根据权利要求1所述的方法，其特征在于，将所述页面信息替换至由所述标记标签划分的所述区域内，生成所述网页的网页页面包括：

获取所述页面信息对应所述标记标签的替换规则；

根据所述替换规则，将所述页面信息替换至与所述区域对应的所述标记标签中；

根据所述标记标签，生成所述网页的所述网页页面。

6.根据权利要求1所述的方法，其特征在于，所述行内框架属性中高和宽的像素值为0像素。

7.一种网页加载装置，其特征在于，包括：

处理模块，用于根据标记标签，将网页划分为至少两个区域，其中，用于划分所述网页的标记标签是块级元素或段落元素；

第一获取模块，用于根据与所述区域对应的行内框架，获取所述行内框架中的链接参数；

第二获取模块，用于根据所述链接参数，获取与所述区域对应的页面信息；

第一生成模块，用于将所述页面信息替换至由所述标记标签划分的所述区域内，生成所述网页的网页页面，以同时对网页中各个区域多线程同步获取。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

第二生成模块，用于针对所述网页中的所述标记标签，生成描述文件，所述描述文件至少包括所述网页的区域信息、与所述区域信息对应的服务器地址集合。

9.根据权利要求8所述的装置，其特征在于，所述装置还包括：

测试模块，用于根据所述描述文件，测试所述网页中各个区域的加载响应时间；

执行模块，用于当所述加载响应时间大于或等于预先设置的阈值时，根据与所述区域对应的行内框架，获取所述行内框架中的链接参数。

10.根据权利要求7所述的装置，其特征在于，所述第一生成模块包括：

子获取模块，用于获取所述页面信息对应所述标记标签的替换规则；

子替换模块，用于根据所述替换规则，将所述页面信息替换至与所述区域对应的所述标记标签中；

子生成模块，用于根据所述标记标签，生成所述网页的所述网页页面。