CN104361071A - 页面预加载方法及装置 - Google Patents

Abstract

本发明实施例公开了一种页面预加载方法及装置。一种页面预加载方法，包括：确定当前页面内包含的与下一步操作相关的内容；判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件；如果是，则将所述需要用到的数据进行预加载；当确定内容实际被操作时，利用所述预加载的数据提供响应信息。应用上述技术方案，可以提高用户在浏览页面时的时间利用率，减少用户的操作响应时间。

Description

页面预加载方法及装置

技术领域

本发明涉及预加载技术领域，特别涉及页面预加载的方法及装置。 

背景技术

用户经常通过浏览器来访问网页，但是网络访问速度受各种因素的影响，可能来自用户端自身连接速度的限制，也可能来自所访问的网站客户端带宽的限制。使得用户在访问网页的时候，经常需要进行一段时间的等待，才能够完整的将网页的全部内容展现给用户。然而用户希望能够获得更快的访问速度不要把时间浪费在等待网页打开上。 

为了解决网页打开速度慢的问题，现有技术中出现了预加载技术，所谓预加载是指，从后台对网页进行加载，并缓存到计算机本地，这样，用户真正需要访问该网页时，只需从计算机本地缓存中读取页面并进行相应的展示即可，从而达到提高网页打开速度的目的。 

但是在一些网页中为了提高用户的体验，网站中的图片数量以及数据信息量也随之显著增加，还有一些网页内会包含有可执行的下一步操作。为了避免图片在加载的过程中页面的闪烁、破裂(视觉上)等问题，图片预加载技术被广泛采用。而这些下一步操作可能对应着其他网页或者包含信息数据量比较大，当用户要访问的页面中包含的下一步操作所对应的页面时，目前都是采用即用即加载的方式，在这种方式下，一旦用户下一步要访问的页面包含的数据量较大时，会造成长时间的延误，造成用户需要长时间的等待，极大的浪费了用户的时间。而且用户在查看当前网页的时候，如果当前页已经加载完毕，系统处于闲置状态，对资源也造成了浪费。 

总之，如何帮助用户在执行下一步操作时，可以简单快速的获得下不一步操作包含的所有数据，减少用户的等待时间，成为迫切需要本领域技术人员解决的技术问题。 

发明内容

基于上述问题，本发明实施例公开了一种页面预加载方法及装置，技术方案如下： 

一种页面预加载方法，包括： 

确定当前页面内包含的与下一步操作相关的内容； 

判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件； 

如果是，则将所述需要用到的数据进行预加载； 

当确定内容实际被操作时，利用所述预加载的数据提供响应信息。 

一种页面预加载装置，包括： 

内容确定单元，用于确定当前页面内包含的与下一步操作相关的内容； 

数据量判断单元，用于判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件 

如数据预加载单元，用于在判断结果为是的情况下，则将所述需要用到的数据进行预加载； 

数据提供单元，用于当确定内容实际被操作时，利用所述预加载的数据提供响应信息。 

通过本发明实施例，可以对用户当前所在的页面内包含的与下一步操作相关的内容进行分析，判断所述内容的数据量是否比较大且满足预置的数据量方面的条件，如果满足则可以将需要用到的数据进行预加载，当用户实际操作用到这些数据时，可以直接从本地读取用于展示给用户。这样可以帮助用户避免由于选择执行的下一步操作中包含有较大的数据，而这些数据的加载需要较长的时间，从而造成的长时间的等待。从而提高用户在浏览页面时的时间利用率，减少用户的操作响应时间。 

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施 例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。 

图1是本发明实施例提供的方法的流程图； 

图2是本发明实施例提供的装置的示意图。 

具体实施方式

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

在本发明实施例中，提供一种页面预加载方法，通过该方法，用户在选择的下一步操作中包含有较大数据量的时候，不用长时间的等待加载，只要选择下一步操作，就可以立即查看下一步操作对应的内容。有效的解决了现有技术中，在要查看下一步操作对应的内容时，由于采用即用即加载的方式，从而造成的时间浪费，使得用户的体验得到大幅度提升。 

具体实现时，首先确定当前页面内包含的与下一步操作相关的内容，用到的数据所包含的数据量是否比较大，在确定数据量比较大，其加载需要一定时间完成的时候，将该较大的数据进行预加载。具体的可以通过预先设定一个数量的阈值，采用与该设定的阈值进行对比的方式确定。当然，在实际应用中，由于视频一般都包含有较大的数据量，当检测到下一步操作中包含有视频时，即可以认为该下一步操作需要进行预加载，其他的确定方式本发明实施例不加以限定。当用户请求使用的时候，可以先去检测本地初村中是否已存在这些数据，如存在则可以直接使用，将提前加载好的数据信息展示给用户。下面对前述的实现方式进行介绍。 

实施例一 

本发明实施例一提供了一种页面预加载方法，参见图1，该方法具体可以包括以下步骤： 

S101：确定当前页面内包含的与下一步操作相关的内容； 

具体实现时，首先，确定当前页面内包含的与下一步操作相关的内容，对获取到的与下一步操作相关的内容进行分析，判断所述内容所属的类型，例如，所述内容中是否包含有链接、视频、以及含有较大数据的表格等等，由于这些类型的内容一般可以认为是包含有较大的数据量，所以可以将这些内容确定为可能需要预加载的对象。 

S102：判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件； 

在与下一步操作相关的内容确定后，首先确定一个数据的数据量方面的阈值，将获取到的所述内容被操作时用到的数据量，与预先设置的数据量的阈值进行比对，判断是否达到预先设置的数据量方面的阈值。具体实现时，可以有多种具体的方式。例如，在其中一种方式下，当所述下一步操作包括链接时，判断所述的链接是否指向另一页面，这样就可以认为当该链接被操作时，用到的数据在数据量方面会比较大，即符合预置的条件。当然在实际应用的时候还有多种其他不同的判断方法，例如，在一些页面里面会引用一些不同类型的元素，这些元素的数据量可以根据其类型进行简单的判断，如视频元素等，如果检测到当前页面中引用的文件包含有视频元素，则确定该视频元素在被操作时需要用到的数据在数据量方面满足预置的条件。再比如检测到当前页面内包含有用于统计的表格时，可以首先判断该表格统计的类型，是否包含有较大的数据量，例如，在该统计表格中是否包括较多甚至较复杂的公式，由于计算机在处理各种公式的时候一般都需要较大的数据量来支持，所以可以确定这样的表格的数据量满足预置的条件。该统计是否和时间有关系，如果包含有时间选项且统计的时间较长，则可以认为该表格包含的数据在数据量方面会比较大，符合预置的条件。 

另外，在实际应用中，还有些页面可能由于内容数据量过多，可能会采用分成多页的形式进行展示，用户在浏览完当前页之后可能会进入下一页进行浏览。此时，还可以根据当前页面的内容的数据量，对该页面下一页选项被操作时用到的数据量进行评估，如果当前页面用到的数据量较大，则可以根据类似的原则，确定该页面对应的下一步操作中，包含的数据在数据量方面会和当前页面内的数据量相近，则这样可以判定该页面的下一页中包含的数据在数据量方面符合预置的条件。当然在实际应用中具体的判断方法还可以有多种，本发 明实施例不加以限定。 

S103：如果是，则将所述需要用到的数据进行预加载； 

将确定的符合预设条件的与下一步操作相关的内容进行预加载处理，将上一步确定，当下一步操作被触发时下一步操作中相关的内容其包含的数据量较大，这样对这些数据进行预加载，将与下一步操作相关的数据预加载到本地。在实际应用中，可以在加载当前页面的同时将确定的需要预加载的数据进行加载，由于考虑到客户端的网速以及当前页面对应的服务器网络传输速度可能有所不同，当两端的传输速度都比较快时，同时进行加载不会对用户的体验造成多大的影响，可当任意一方的传输速度存在不足时，会出现同时进行加载的时候会对用户当前浏览的页面造成加载的速度慢，致使用户查看当前页面会出现等待的情况。因此本发明实施例还提供另外一种方法避免这种情况的发生。首先对当前页面的加载情况进行分析，确定当前页面是否已经全部加载完毕并处于空闲状态，如果当前页面已经加载完毕，并处于空闲状态，则将确定的需要预加载的与下一步操作相关的内容进行预加载，如果当前页面还没有全部加载完毕，则优先加载当前页面，直到当前页面完全加载完毕服务器处于空闲状态时，即开始对确定的与下一步操作相关的内容进行预加载。 

S104：当确定内容实际被操作时，利用所述预加载的数据提供响应信息。 

在确定用户实际执行下一步操作时，首先确定该下一步操作是否为之前确定的其内容包含的数据在数据量方面符合预置的条件，需要进行预加载处理，如果是，则首先检查本地储存中是否已经存储有该下一步操作所包含的内容，如果有则可以直接从本地读取，利用预加载到本地的数据响应用户的操作。例如，当用户实际点击某链接时，或者实际点击某视频元素的播放按钮时，或者点击页面中的“下一页”按钮时，等等，如果已经对相应的内容进行了预加载，则可以直接将这些内容展示给用户，从而缩短了用户的等待时间。 

由于通过本发明实施例提供的方法进行数据的预加载时，需要首先将确定各种数据加载到本地，如果用户长时间使用本方法，必然会有大量的数据存储其使用的设备上，可能会对用户的设备的存储空间带来很大的压力。因此，可以预先设定一个存储的时间阈值，将储存时间超过该时间阈值的预加载到本地的数据进行删除，以保证不对用户设备储存空间造成过大的占用。 

与本发明实施例一提供的页面预加载方法的方法相对应，本发明实施例还提供了一种页面预加载的装置，参见图2，该装置具体可以包括： 

内容确定单元201，用于确定当前页面内包含的与下一步操作相关的内容； 

数据量判断单元202，用于判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件 

如数据预加载单元203，用于在判断结果为是的情况下，则将所述需要用到的数据进行预加载； 

数据提供单元204，用于当确定内容实际被操作时，利用所述预加载的数据提供响应信息。 

其中，所述与下一步操作相关的内容包括链接，数据量判断单元，包括： 

链接类型判断子单元，用于判断所述链接是否指向另一页面，如果是，则确定该链接在被操作时需要用到的数据在数据量方面符合预置条件； 

数据预加载单元，包括： 

页面预加载子单元，用于对所述链接指向的另一页面进行预加载； 

数据提供单元，包括： 

第一数据提供子单元，用于当所述链接被点击时，利用预加载的结果展示所述另一页面。 

其中，所述与下一步操作相关的内容包括当前页面内引用的视频元素，数据量判断单元，包括： 

视频元素确定子单元，用于如果所述下一步操作相关的内容为当前页面内引用的视频元素，则确定该视频元素在被操作时需要用到的数据在数据量方面符合预置条件； 

数据预加载单元，包括： 

数据预加载子单元，用于对所述视频元素对应的数据进行预加载； 

数据提供单元，包括： 

第二数据提供子单元，用于当所述视频元素被点击播放时，利用预加载的 结果进行播放。 

其中，所述与下一步操作相关的内容包括用于进入当前页面的下一页的选项，数据量判断单元，包括： 

数据量统计子单元，用于根据当前页面内显示的内容的数据量，确定该下一页选项在被操作时需要用到的数据在数据量方面是否符合预置条件； 

数据预加载单元，包括： 

内容预加载子单元，用于对所述当前页面的下一页内容进行预加载； 

数据提供单元，包括： 

下一页面展示子单元，用于当所述下一页的选项被点击时，利用预加载的结果展示当前页面的下一页。 

另外，该装置还可以包括： 

所述将所述需要用到的数据进行预加载之前，还包括： 

状态判断单元，用于检测当前页面是否加载完毕并处于空闲状态； 

触发执行单元，用于在判断结果为是的情况下，则触发执行所述将所述需要用到的数据进行预加载的操作。 

总之，通过本发明实施例，可以对用户当前所在的页面内包含的与下一步操作相关的内容进行分析，判断所述内容的数据量是否比较大且满足预置的数据量方面的条件，如果满足则可以将需要用到的数据进行预加载，当用户实际操作用到这些数据时，可以直接从本地读取用于展示给用户。这样可以帮助用户避免由于选择执行的下一步操作中包含有较大的数据，而这些数据的加载需要较长的时间，从而造成的长时间的等待。可以提高用户在浏览页面时的时间利用率，减少用户的操作响应时间。 

对于系统或装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。 

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含” 或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。 

本领域普通技术人员可以理解实现上述方法实施方式中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于计算机可读取存储介质中，这里所称得的存储介质，如：ROM/RAM、磁碟、光盘等。 

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。 

Claims (10)

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

确定当前页面内包含的与下一步操作相关的内容；

判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件；

如果是，则将所述需要用到的数据进行预加载；

当确定内容实际被操作时，利用所述预加载的数据提供响应信息。

2.根据权利要求1所述的方法，其特征在于，所述与下一步操作相关的内容包括链接，所述判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件，包括：

判断所述链接是否指向另一页面，如果是，则确定该链接在被操作时需要用到的数据在数据量方面符合预置条件；

所述将所述需要用到的数据进行预加载，包括：

对所述链接指向的另一页面进行预加载；

所述当确定内容实际被操作时，利用所述预加载的数据提供响应信息，包括：

当所述链接被点击时，利用预加载的结果展示所述另一页面。

3.根据权利要求1所述的方法，其特征在于，所述与下一步操作相关的内容包括当前页面内引用的视频元素，所述判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件，包括：

如果所述下一步操作相关的内容为当前页面内引用的视频元素，则确定该视频元素在被操作时需要用到的数据在数据量方面符合预置条件；

所述将所述需要用到的数据进行预加载，包括：

对所述视频元素对应的数据进行预加载；

所述当确定内容实际被操作时，利用所述预加载的数据提供响应信息，包括：

当所述视频元素被点击播放时，利用预加载的结果进行播放。

4.根据权利要求1所述的方法，其特征在于，所述与下一步操作相关的内容包括用于进入当前页面的下一页的选项，所述判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件，包括：

根据当前页面内显示的内容的数据量，确定该下一页选项在被操作时需要用到的数据在数据量方面是否符合预置条件；

所述将所述需要用到的数据进行预加载，包括：

对所述当前页面的下一页内容进行预加载；

所述当确定内容实际被操作时，利用所述预加载的数据提供响应信息，包括：

当所述下一页的选项被点击时，利用预加载的结果展示当前页面的下一页。

5.根据权利要求1所述的方法，其特征在于，所述将所述需要用到的数据进行预加载之前，还包括：

检测当前页面是否加载完毕并处于空闲状态；

如果是，则触发执行所述将所述需要用到的数据进行预加载的操作。

6.一种页面预加载装置，其特征在于，包括：

内容确定单元，用于确定当前页面内包含的与下一步操作相关的内容；

数据量判断单元，用于判断所述内容在被操作时需要用到的数据在数据量方面是否符合预置条件

如数据预加载单元，用于在判断结果为是的情况下，则将所述需要用到的数据进行预加载；

数据提供单元，用于当确定内容实际被操作时，利用所述预加载的数据提供响应信息。

7.根据权利要求6所述的装置，其特征在于，所述与下一步操作相关的内容包括链接，所述数据量判断单元，包括：

链接类型判断子单元，用于判断所述链接是否指向另一页面，如果是，则确定该链接在被操作时需要用到的数据在数据量方面符合预置条件；

所述数据预加载单元，包括：

页面预加载子单元，用于对所述链接指向的另一页面进行预加载；

所述数据提供单元，包括：

第一数据提供子单元，用于当所述链接被点击时，利用预加载的结果展示所述另一页面。

8.根据权利要求6所述的装置，其特征在于，所述与下一步操作相关的内容包括当前页面内引用的视频元素，所述数据量判断单元，包括：

视频元素确定子单元，用于如果所述下一步操作相关的内容为当前页面内引用的视频元素，则确定该视频元素在被操作时需要用到的数据在数据量方面符合预置条件；

所述数据预加载单元，包括：

数据预加载子单元，用于对所述视频元素对应的数据进行预加载；

所述数据提供单元，包括：

第二数据提供子单元，用于当所述视频元素被点击播放时，利用预加载的结果进行播放。

9.根据权利要求6所述的装置，其特征在于，所述与下一步操作相关的内容包括用于进入当前页面的下一页的选项，所述数据量判断单元，包括：

数据量统计子单元，用于根据当前页面内显示的内容的数据量，确定该下一页选项在被操作时需要用到的数据在数据量方面是否符合预置条件；

所述数据预加载单元，包括：

内容预加载子单元，用于对所述当前页面的下一页内容进行预加载；

所述数据提供单元，包括：

下一页面展示子单元，用于当所述下一页的选项被点击时，利用预加载的结果展示当前页面的下一页。

10.根据权利要求6所述的装置，其特征在于，所述将所述需要用到的数据进行预加载之前，还包括：

状态判断单元，用于检测当前页面是否加载完毕并处于空闲状态；

触发执行单元，用于在判断结果为是的情况下，则触发执行所述将所述需要用到的数据进行预加载的操作。