一种网页加载方法及装置与流程

本发明涉及互联网领域，特别涉及一种网页加载方法及装置。

背景技术：

浏览器是指可以显示网页服务器或者文件系统的HTML(Hyper Text Markup Language，超文本标记语言)文件内容，并让用户与这些文件交互的一种软件工具。随着互联网技术的飞速发展，浏览器在日常生活、工作和学习中的应用已经越来越频繁。

目前，浏览器加载解析网页过程通常是通过并行的方式进行的，即边下载网页内容边对网页内容进行渲染。在下载过程中，如果网页数据图片很多，则网页加载很慢，用户体验不好。

技术实现要素：

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页加载方法及装置。

本发明提供一种网页加载方法，包括：

接收网页加载请求；

响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字、框架文件；

当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；

当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。

在一个实施例中，所述方法还可包括：

将网页中的图片进行分类，划分为第一类图片和第二类图片。

在一个实施例中，所述第一类图片为网站内部的图片，所述第二类图片为站外图片。

在一个实施例中，所述当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换，可包括：

当接收到用户滑动滚动条的操作时，根据所述用户的操作对所述第二类图片进行加载和更换。

在一个实施例中，所述方法还可包括：

当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。

本发明还提供一种网页加载装置，包括：

接收模块，用于接收网页加载请求；

第一加载模块，用于响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字、框架文件；

第二加载模块，用于当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；

第三加载模块，用于当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。

在一个实施例中，所述装置还可包括：

分类模块，用于将网页中的图片进行分类，划分为第一类图片和第二类图片。

在一个实施例中，所述第一类图片为网站内部的图片，所述第二类图片为站外图片。

在一个实施例中，所述第三加载模块，可包括：

加载和更换子模块，用于当接收到用户滑动滚动条的操作时，根据所述用户的操作对所述第二类图片进行加载和更换。

在一个实施例中，所述装置还可包括：

第四加载模块，用于当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。

本发明实施例的一些有益效果可以包括：

本发明实施例的上述技术方案，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件，当文字、框架文件加载完成后，加载目标网页中的第一类图片，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。由于在加载网页时，先加载网页中的文字、框架文件和第一类图片，当目标网页的页面滚动时，文字、框架文件和第一类图片不用重新加载，仅对第二类图片进行加载和更换，从而提高了网页加载速度，提升了用户的使用体验。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

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

图2为本发明实施例中另一种网页加载方法的流程图；

图3为本发明实施例中另一种网页加载方法的流程图；

图4为本发明实施例中另一种网页加载方法的流程图；

图5为本发明实施例中一种网页加载装置的框图；

图6为本发明实施例中另一种网页加载装置的框图；

图7为本发明实施例中一种网页加载装置中第三加载模块54的框图；

图8为本发明实施例中另一种网页加载装置的框图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

图1所示为本发明实施例中一种网页加载方法的流程图，用于服务器。如图1所示，该网页加载方法包括以下步骤S11-S14：

步骤S11，接收网页加载请求。

步骤S12，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件。

步骤S13，当文字、框架文件加载完成后，加载目标网页中的第一类图片。

步骤S14，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。

现有技术中，在加载网页时，如果界面中图片很多，则加载很慢，本发明先加载网页中的文字、框架等基本结构，再加载图片。将图片填充到网页的框中。在滑动滚动条时，页面不滚动，而是后面的第二类图片替换当前的第二类图片，以实现画面的滚动。也就是说，在滚动页面时，只加载站外图片，站内图片不用重新加载。

本发明实施例的上述方法，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件，当文字、框架文件加载完成后，加载目标网页中的第一类图片，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。由于在加载网页时，先加载网页中的文字、框架文件和第一类图片，当目标网页的页面滚动时，文字、框架文件和第一类图片不用重新加载，仅对第二类图片进行加载和更换，从而提高了网页加载速度，提升了用户的使用体验。

在一个实施例中，在步骤S11之前，如图2所示，该网页加载方法还可包括以下步骤S15：

步骤S15，将网页中的图片进行分类，划分为第一类图片和第二类图片。

在一个实施例中，第一类图片为网站内部的图片即站内图片，第二类图片为站外图片。

将图片划分为站内图片和站外图片，站内图片包括按钮和logo等不常变化的，属于网站内部的图片。站外图片包括节目剧照等经常变化的图片。

在一个实施例中，如图3所示，步骤S14可以实施为以下步骤S141：

步骤S141，当接收到用户滑动滚动条的操作时，根据用户的操作对第二类图片进行加载和更换。

在一个实施例中，如图4所示，该网页加载方法还可包括以下步骤S16：

步骤S16，当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。

在加载网页时，如果界面中JS很多，则网页加载很慢，因此，本实施例，先加载网页中的文字、框架文件等基本结构，再加载JS文件，从而不会因JS文件过多而导致网页加载变慢，从而提高了网页加载速度。

基于同一发明构思，本发明实施例还提供了一种网页加载装置，由于该装置所解决问题的原理与前述网页加载方法相似，因此该装置的实施可以参见前述方法的实施，重复之处不再赘述。

图5所示为本发明实施例中一种网页加载装置的框图，如图5所示，该网页加载装置包括：

接收模块51，用于接收网页加载请求；

第一加载模块52，用于响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件；

第二加载模块53，用于当文字、框架文件加载完成后，加载目标网页中的第一类图片；

第三加载模块54，用于当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。

在一个实施例中，如图6所示，该网页加载装置还可包括：

分类模块55，用于将网页中的图片进行分类，划分为第一类图片和第二类图片。

在一个实施例中，第一类图片为网站内部的图片，第二类图片为站外图片。

在一个实施例中，如图7所示，第三加载模块54，可包括：

加载和更换子模块541，用于当接收到用户滑动滚动条的操作时，根据用户的操作对第二类图片进行加载和更换。

在一个实施例中，如图8所示，该网页加载装置还可包括：

第四加载模块56，用于当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。

本发明实施例的上述装置，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件，当文字、框架文件加载完成后，加载目标网页中的第一类图片，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。由于在加载网页时，先加载网页中的文字、框架文件和第一类图片，当目标网页的页面滚动时，文字、框架文件和第一类图片不用重新加载，仅对第二类图片进行加载和更换，从而提高了网页加载速度，提升了用户的使用体验。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。