CN112434235B - 网页图片加载方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种网页图片加载方法、装置、计算机设备和存储介质。所述方法包括：将各个图片加载请求添加至串行队列；从串行队列中第一个图片加载请求起，处理串行队列中的图片加载请求；当网页的图片加载模式为延迟等待模式时，监听网页中当前的非串行队列请求的数量；当根据数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理串行队列中的图片加载请求，并处理各非串行队列请求；在经过延迟等待时间后，取消对串行队列中的图片加载请求的暂停处理，并返回处理串行队列中的图片加载请求的步骤，以继续执行，直至串行队列中的各个图片加载请求均处理完成。采用本方法能够提高服务器的响应速度。

Description

网页图片加载方法、装置、计算机设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种网页图片加载方法、装置、计算机设备和存储介质。

背景技术

随着科学技术的飞速发展，信息获取途径越来越多，通过浏览网页即可以获取很多的信息。用户在浏览网页时，网页中常常需要加载大量的图片进行展示。然而，如果在用户访问网页时，网页一次性加载全部的图片，会给服务器带来非常大的压力，降低服务器的响应速度，甚至造成页面卡顿或崩溃等情况。因此，提高网页图片加载过程中服务器的响应速度非常重要。

传统方法中，一般采用图片懒加载的方法，先采用较小的占位图来代替真实图片，在需要加载真实图片时，再加载真实图片，用真实图片替换掉占位图。然而，某些情况下，比如：低网速或者用户交互较多导致网页中需要加载的内容较多等情况，即使采用传统的图片懒加载的方法，依然可能因为对网页浏览器的请求链接的占用，而导致的服务器响应速度慢的问题。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提高服务器响应速度的网页图片加载方法、装置、计算机设备和存储介质。

一种网页图片加载方法，所述方法包括：

将各个图片加载请求添加至串行队列；所述图片加载请求，用于请求加载所访问的网页中的待加载图片；

从所述串行队列中第一个图片加载请求起，处理所述串行队列中的图片加载请求；

当所述网页的图片加载模式为延迟等待模式时，监听所述网页中当前的非串行队列请求的数量；

当根据所述数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理所述串行队列中的图片加载请求，并处理各所述非串行队列请求；

在经过所述延迟等待时间后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行，直至所述串行队列中的各个图片加载请求均处理完成。

在其中一个实施例中，所述将各个图片加载请求添加至串行队列包括：

监听所述网页中当前展示区域中的待加载图片；

将所述当前展示区域中的各所述待加载图片对应的图片加载请求添加至串行队列。

在其中一个实施例中，所述将各个图片加载请求添加至串行队列包括：

监听所述网页中全部的待加载图片；

将所述网页中的各所述待加载图片对应的图片加载请求添加至串行队列。

在其中一个实施例中，在所述监听所述网页中当前的非串行队列请求的数量之后，所述方法还包括：

当根据所述数量确定网页浏览器的请求未超出承载限度时，继续执行所述处理所述串行队列中的图片加载请求的步骤，。

在其中一个实施例中，在所述从所述串行队列中第一个图片加载请求起，处理所述串行队列中的图片加载请求之后，所述方法还包括：

当所述网页的图片加载模式为非延迟等待模式时，继续执行所述处理所述串行队列中的图片加载请求的步骤。

在其中一个实施例中，所述在经过所述延迟等待时间后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行包括：

在经过所述延迟等待时间后，若所述非串行队列请求未处理完成，则继续处理所述非串行队列请求；

在处理完成所述非串行队列请求后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行。

在其中一个实施例中，所述处理所述串行队列中的图片加载请求包括：

将当前处理的图片加载请求发送至服务器；

接收所述服务器响应于当前处理的所述图片加载请求返回的目标图片；

确定当前处理的所述图片加载请求所针对的待加载图片在所述网页中的位置，并将在所述位置处的预加载的初始图片替换为所述目标图片。

一种网页图片加载装置，所述装置包括：

串行队列建立模块，用于将各个图片加载请求添加至串行队列；所述图片加载请求，用于请求加载所访问的网页中的待加载图片；

串行队列请求处理模块，用于从所述串行队列中第一个图片加载请求起，处理所述串行队列中的图片加载请求；

网页请求监听模块，用于当所述网页的图片加载模式为延迟等待模式时，监听所述网页中当前的非串行队列请求的数量；

非串行队列请求处理模块，用于当根据所述数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理所述串行队列中的图片加载请求，并处理各所述非串行队列请求；

所述串行队列请求处理模块还用于在经过所述延迟等待时间后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行，直至所述串行队列中的各个图片加载请求均处理完成。

一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行本申请各实施例所述的网页图片加载方法中的步骤。

一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行本申请各实施例所述的网页图片加载方法中的步骤。

上述网页图片加载方法、装置、计算机设备和存储介质，将各个图片加载请求添加至串行队列，从串行队列中第一个图片加载请求起，处理串行队列中的图片加载请求，因为逐个处理串行队列中的图片加载请求，所以各个待加载图片的加载只会占用一个网络请求链接，这样避免了对网络请求链接的过度占用，从而提高了服务器的响应速度。当网页的图片加载模式为延迟等待模式时，监听网页中当前的非串行队列请求的数量，当根据数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理串行队列中的图片加载请求，并处理各非串行队列请求，在经过延迟等待时间后，取消对串行队列中的图片加载请求的暂停处理，并返回处理所述串行队列中的图片加载请求的步骤，以继续执行，这样能够在网页浏览器的请求超出承载限度时，为非串行队列请求让道，让出网络请求链接来优先处理非串行队列请求，从而进一步避免了对网络请求链接的过度占用，从而进一步提高了服务器的响应速度。

附图说明

图1为一个实施例中网页图片加载方法的应用环境图；

图2为一个实施例中网页图片加载方法的流程示意图；

图3为一个实施例中网页图片加载方法网络请求链接使用示意图；

图4为一个实施例中网页图片加载方法的整体流程示意图；

图5为一个实施例中网页图片加载装置的结构框图；

图6为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的网页图片加载方法，可以应用于如图1所示的应用环境中。其中，终端102和服务器104之间通过网络进行通信。终端102可以将图片加载请求发送至服务器104，服务器104可以响应于图片加载请求，将图片返回至终端102，终端102可以在网页中加载返回的图片，从而实现网页图片加载。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一个实施例中，如图2所示，提供了一种网页图片加载方法，以该方法应用于图1中的终端102为例进行说明，包括以下步骤：

S202，将各个图片加载请求添加至串行队列；所述图片加载请求，用于请求加载所访问的网页中的待加载图片。

其中，图片加载请求，是由终端发送至服务器、且向服务器请求加载所访问的网页中的待加载图片的网络请求。串行队列，是包括多个图片加载请求的串行的队列。

可以理解，串行队列中的图片加载请求是按照从串行队列的头部至尾部的方向依次排列的，终端可以从串行队列中由头部至尾部依次取出图片加载请求，以对各个图片加载请求依次进行处理，即，每取出一个图片加载请求，才能取出下一个图片加载请求。

具体地，当用户通过终端访问网页时，终端可以将所访问的网页中的待加载图片对应的图片加载请求依次添加至串行队列。

在一个实施例中，终端可以将所访问的网页中预设范围内的待加载图片对应的图片加载请求添加至串行队列。预设范围可以是整个网页，也可以是网页中的一部分，开发人员可以预先根据网页的类型或特点，对预设范围进行设置。

S204，从串行队列中第一个图片加载请求起，处理串行队列中的图片加载请求。

在一个实施例中，终端可以从串行队列中第一个图片加载请求起，依次选取串行队列中的图片加载请求，并处理该图片加载请求(即，加载该图片加载请求对应的待加载图片)，每处理完一个图片加载请求(即，加载完图片加载请求对应的待加载图片)后，继续接着处理下一个图片加载请求。

在另一个实施例中，终端可以从串行队列中第一个图片加载请求起，依次选取串行队列中的图片加载请求，并处理该图片加载请求(即，加载该图片加载请求对应的待加载图片)。当网页浏览器的请求超出承载限度时，暂停处理串行队列中的图片加载请求，并处理非串行队列请求，在经过延迟等待时间后，继续处理下一个图片加载请求。

在一个实施例中，终端可以将当前的图片加载请求发送至服务器，服务器可以响应于发送至的图片加载请求，将相应的图片返回至终端，终端可以在网页中加载返回的图片。

S206，当网页的图片加载模式为延迟等待模式时，监听网页中当前的非串行队列请求的数量。

其中，延迟等待模式，是指在网页中非串行队列请求的数量超出承载限度时为非串行队列请求让道、并优先处理非串行队列请求的模式。非串行队列请求，为不是串行队列的形式的网络请求。

在一个实施例中，开发人员可以预先根据网页的类型或特点，对网页的图片加载模式进行设置。

在一个实施例中，非串行队列请求所请求加载的内容包括网页中的图片、文字、表格和视频等中的至少一种。

可以理解，通过用户在网页中进行交互产生的图片或某些其他特殊情况下产生的图片，不是网页中本身的图片，因此，这些图片对应的图片加载请求不会添加至串行队列中，因此，这些图片对应的图片加载请求为非串行队列请求。

S208，当根据数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理串行队列中的图片加载请求，并处理各非串行队列请求。

其中，承载限度，是指网页浏览器所能承载的最多的网络请求数量。延迟等待阶段，是指在预设的延迟等待时间内，暂停处理串行队列中的图片加载请求，并处理各非串行队列请求的阶段。延迟等待时间，是预设的一段时长。

可以理解，网页浏览器一般只提供固定数量的网络请求链接，比如：IE或Webkit等内核的浏览器默认只提供3个网络请求链接。每个网络请求链接在同一时刻下只能传输一个网络请求。若网页当前需要传输的网络请求的数量大于网络请求链接的数量，则超出了浏览器的承载限度。如图3所示，串行队列中的图片加载请求占用一个网络请求链接(服务器接口1对应的网络请求链接)，各个非串行队列请求分别占用一个网络请求链接(服务器接口2至N对应的网络请求链接，N为大于2的正整数)，当非串行队列请求的数量超过N-2时，则终端可以进入延迟等待阶段，暂停处理串行队列中的图片加载请求，为非串行队列请求让道，即，将处理串行队列中的图片加载请求的网络请求链接让出来，优先处理非串行队列请求，即，在延迟等待阶段中服务器接口1对应的网络请求链接可以用于处理非串行队列请求。

在一个实施例中，可以根据网页浏览器提供的网络请求链接的数量，确定预设阈值，当网页中当前的非串行队列请求的数量大于预设阈值时，终端则可以确定网页浏览器的请求超出承载限度。

在一个实施例中，预设阈值可以设置为浏览器提供的网络请求链接的数量减去1。可以理解，串行队列中的图片加载请求占用一个网络请求链接，网页浏览器中其余的网络请求链接则可以提供给非串行队列请求。例如：网页浏览器一共提供3个网络请求链接，则预设阈值可以设置为2，当网页中当前的非串行队列请求的数量大于2时，则终端可以确定网页浏览器的请求超出承载限度。

在一个实施例中，开发人员可以预先根据网页的具体情况，对网页的延迟等待时间进行设置。比如：延迟等待时间可以设置为10毫秒。

在一个实施例中，在进入延迟等待阶段后，在预设的延迟等待时间内，暂停处理串行队列中的图片加载请求，并通过先前用于处理串行队列中的图片加载请求的网络请求链接，处理非串行队列请求，加载各非串行队列请求对应的待加载内容。在一个实施例中，终端可以将各非串行队列请求发送至服务器，服务器可以响应于发送至的非串行队列请求，返回相应的内容，终端可以在网页中加载返回的内容。

在一个实施例中，当网页的图片加载模式为延迟等待模式时，终端可以在每次处理完一个图片加载请求后(即，加载完一个图片加载请求对应的待加载图片后)，监听网页中当前的非串行队列请求的数量。当根据数量确定网页浏览器的请求超出承载限定时，进入延迟等待阶段，以处理非串行队列请求，在经过延迟等待时间后，继续处理下一个待加载请求。

在另一个实施例中，当网页的图片加载模式为延迟等待模式时，终端可以依次连续地处理串行队列中的图片加载请求，并在处理各个图片加载请求(即，加载图片加载请求对应的待加载图片)的同时，并行地监听网页中当前的非串行队列请求的数量，并在根据数量确定网页浏览器的请求超出承载限定时，进入延迟等待阶段，以暂停针对串行队列中的图片加载请求的处理。

S210，在经过延迟等待时间后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行，直至串行队列中的各个图片加载请求均处理完成。

具体地，在经过延迟等待时间后，终端可以取消对串行队列中的图片加载请求的暂停处理，并返回处理所述串行队列中的图片加载请求的步骤，以继续执行，处理后续的图片加载请求。

如图4所示，若网页为延迟等待模式时，则每处理完成串行队列中的一个图片加载请求后，终端可以判断网页中非串行队列请求的数量是否大于预设阈值，若是，终端则处理非串行队列请求，并在经过延迟等待时间、且非串行队列请求处理完成后，再继续处理串行队列中的下一个图片加载请求。若否，终端则继续处理串行队列中的下一个图片加载请求。

上述网页图片加载方法中，将各个图片加载请求添加至串行队列，从串行队列中第一个图片加载请求起，处理串行队列中的图片加载请求，因为逐个处理串行队列中的图片加载请求，所以各个待加载图片的加载只会占用一个网络请求链接，这样避免了对网络请求链接的过度占用，从而提高了服务器的响应速度。当网页的图片加载模式为延迟等待模式时，监听网页中当前的非串行队列请求的数量，当根据数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理串行队列中的图片加载请求，并处理各非串行队列请求，在经过延迟等待时间后，取消对串行队列中的图片加载请求的暂停处理，并返回处理所述串行队列中的图片加载请求的步骤，以继续执行，这样能够在网页浏览器的请求超出承载限度时，为非串行队列请求让道，让出网络请求链接来优先处理非串行队列请求，从而进一步避免了对网络请求链接的过度占用，从而进一步提高了服务器的响应速度。串行队列占用的一个网络请求链接会定时的释放出来，允许非串行队列请求插入，适用于网页与服务器之间交互频繁、且网页重点在用户交互的网页中。

在一个实施例中，将各个图片加载请求添加至串行队列包括：监听网页中当前展示区域中的待加载图片；将当前展示区域中的各待加载图片对应的图片加载请求添加至串行队列。

其中，当前展示区域，是指用户当前所浏览至的网页中的区域，即，网页中当前展示在浏览器界面中的区域。

具体地，在用户访问网页后，终端可以监听网页中当前展示区域中的待加载图片，然后将监听到的当前展示区域中的各待加载图片对应的图片加载请求添加至串行队列。随着用户对网页进行浏览操作，网页中的当前展示区域会发生改变，每当网页中的当前展示区域发生改变时，终端则监听网页中新的当前展示区域中的待加载图片，然后将监听到的新的当前展示区域中的各待加载图片对应的图片加载请求添加至串行队列。

如图4的所示，若所访问的网页是延迟加载模式，则终端可以监听网页中当前展示区域中的待加载图片，将各待加载图片对应的图片加载请求添加至串行队列。

本实施例中，终端仅将网页中当前展示区域中的待加载图片对应的图片加载请求添加至串行队列，而无需将整个网页中的待加载图片对应的图片加载请求添加至串行队列，能够节省系统资源，适用于图片的重要度不高的网页，即，该网页中图片不是必看内容，例如：新闻网页。

在一个实施例中，将各个图片加载请求添加至串行队列包括：监听网页中全部的待加载图片；将网页中的各待加载图片对应的图片加载请求添加至串行队列。

具体地，在用户访问网页后，终端可以监听网页中全部的待加载图片，然后将监听到的网页中的全部待加载图片对应的图片加载请求添加至串行队列。

如图4所示，若所访问的网页不是延迟加载模式，则终端可以监听网页中全部的待加载图片，将各待加载图片对应的图片加载请求添加至串行队列。

在一个实施例中，开发人员可以根据网页的类型或特点，预先对网页是否为延迟加载模式进行设置。

本实施例中，终端将网页中全部待加载图片对应的图片加载请求添加至串行队列，能够提高图片加载效率，适用于图片的重要度比较高的网页，即，用户在网页中的后续操作需要根据具体图片进行不同的操作，例如：流程审批网页。

在一个实施例中，在监听网页中当前的非串行队列请求的数量的步骤之后，该方法还包括：当根据数量确定网页浏览器的请求未超出承载限度时，继续执行所述处理所述串行队列中的图片加载请求的步骤。

在一个实施例中，若终端是在每次处理完一个图片加载请求后，监听网页中当前的非串行队列请求的数量，则当根据数量确定网页浏览器的请求未超出承载限度时，终端可以继续处理串行队列中的下一个图片加载请求，并在处理完下一个图片加载请求后，再次监听网页中当前的非串行队列请求的数量，并根据网页浏览器的请求是否超出承载限度确定是否需要进行延迟等待阶段，以此类推。

在另一个实施例中，若终端是依次连续地处理串行队列中的图片加载请求，并在处理各个图片加载请求的同时，并行地监听网页中当前的非串行队列请求的数量，则当根据数量确定网页浏览器的请求未超出承载限度时，终端可以不间断地连续处理串行队列中的图片加载请求，并与此同时继续并行地监听网页中当前的非串行队列请求的数量。

本实施例中，当根据数量确定网页浏览器的请求未超出承载限度时，终端可以继续处理下一个图片加载请求，无需为非串行队列请求让道，提高了方法的灵活性。

在一个实施例中，在从串行队列中第一个图片加载请求起，处理串行队列中的图片加载请求的步骤之后，该方法还包括：当网页的图片加载模式为非延迟等待模式时，继续执行所述处理所述串行队列中的图片加载请求的步骤。

具体地，当网页的图片加载模式为非延迟等待模式时，终端可以从串行队列中第一个图片加载请求起，按顺序依次处理串行队列中的图片加载请求(即，加载图片加载请求对应的待加载图片)，每处理完一个图片加载请求，不间断地继续处理下一个图片加载请求。处理相邻的两个图片加载请求之间无需监听网页中的非串行队列请求的数量，无需为非串行队列请求让道。

如图4所示，若网页为非延迟等待模式，终端则可以不间断地依次处理串行队列中的图片加载请求，直至串行队列中的各个图片加载请求全部处理完成。

本实施例中，终端可以不间断地依次加载各个待加载图片，提高了网页图片加载效率，并且各个图片加载请求共同占用一个网络请求链接，避免了对网络请求链接的过度占用，从而提高了服务器的响应速度。

在一个实施例中，在经过延迟等待时间后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行包括：在经过延迟等待时间后，若非串行队列请求未处理完成，则继续处理非串行队列请求；在处理完成非串行队列请求后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行。

具体地，在经过延迟等待时间后，若非串行队列请求未处理完成，即，串行队列让出的网络请求链接中所处理的非串行队列请求未处理完成，也即，根据网页中当前的非串行队列请求的数量确定网页浏览器的请求仍然超出承载限度，则终端可以继续通过让出的网络请求链接处理非串行队列请求，并在处理完成非串行队列请求后，即，串行队列让出的网络请求链接中所处理的非串行队列请求处理完成，也即，根据网页中当前的非串行队列请求的数量确定网页浏览器的请求未超出承载限度，取消对串行队列中的图片加载请求的暂停处理，并返回处理所述串行队列中的图片加载请求的步骤，以继续执行。

可以理解，网页浏览器只能提供固定数量的网络请求链接，处理串行队列中的图片加载请求占用一个网络请求链接，在进入延迟等待阶段后，终端暂停处理串行队列中的图片加载请求，并通过串行队列让出的网络请求链接处理非串行队列请求。由于终端可能无法确定让出的网络请求链接中非串行队列请求是否处理完成，因此，在经过延迟等待时间后，让出的网络请求链接中非串行队列请求可能未处理完成，若串行队列让出的网络请求链接中所处理的非串行队列请求未处理完成，则终端可以继续通过让出的网络请求链接处理非串行队列请求，直至让出的网络请求链接中的非串行队列请求处理完成后，终端可以继续处理串行队列中的下一个图片加载请求。

本实施例中，在经过延迟等待时间后，若非串行队列请求未处理完成，可以继续处理非串行队列请求，在处理完成后，再接着处理串行队列中的下一个图片加载请求，从而避免了对网络请求链接的过度占用，提高了服务器的响应速度。

在一个实施例中，处理串行队列中的图片加载请求包括：将当前处理的图片加载请求发送至服务器；接收服务器响应于当前处理的图片加载请求返回的目标图片；确定当前处理的图片加载请求所针对的待加载图片在网页中的位置，并将在位置处的预加载的的初始图片替换为目标图片。

具体地，终端可以将当前处理的图片加载请求从串行队列中取出，然后将当前处理的图片加载请求发送至服务器，服务器可以响应于发送至的图片加载请求，向终端返回图片加载请求对应的目标图片，终端可以确定当前处理的图片加载请求所针对的待加载图片在网页中的位置，并用返回的目标图片替换掉该位置处预加载的初始图片。

可以理解，这里采用了图片懒加载的方式，先用较小的初始图片(即，占位图)展示在网页中各个待加载图片的位置处，在需要加载真实图片时，再将图片加载请求发送至服务器，以加载真实的图片(即，目标图片)，用目标图片替换掉预加载的初始图片。

本实施例中，终端采用图片懒加载的方式加载图片，从而避免了大量的图片加载请求对网络请求链接的过度占用，从而提高了服务器的响应速度。

应该理解的是，虽然图2的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图5所示，提供了一种网页图片加载装置500，包括：串行队列建立模块502、串行队列请求处理模块504、网页请求监听模块506和非串行队列请求处理模块508，其中：

串行队列建立模块502，用于将各个图片加载请求添加至串行队列；所述图片加载请求，用于请求加载所访问的网页中的待加载图片。

串行队列请求处理模块504，用于从所述串行队列中第一个图片加载请求起，处理所述串行队列中的图片加载请求。

网页请求监听模块506，用于当所述网页的图片加载模式为延迟等待模式时，监听所述网页中当前的非串行队列请求的数量。

非串行队列请求处理模块508，用于当根据所述数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理所述串行队列中的图片加载请求，并处理各所述非串行队列请求。

串行队列请求处理模块504还用于在经过所述延迟等待时间后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行，直至所述串行队列中的各个图片加载请求均处理完成。

在一个实施例中，串行队列建立模块502还用于监听所述网页中当前展示区域中的待加载图片；将所述当前展示区域中的各所述待加载图片对应的图片加载请求添加至串行队列。

在一个实施例中，串行队列建立模块502还用于监听所述网页中全部的待加载图片；将所述网页中的各所述待加载图片对应的图片加载请求添加至串行队列。

在一个实施例中，串行队列请求处理模块504还用于当根据所述数量确定网页浏览器的请求未超出承载限度时，继续执行所述处理所述串行队列中的图片加载请求的步骤。

在一个实施例中，串行队列请求处理模块504还用于当所述网页的图片加载模式为非延迟等待模式时，继续执行所述处理所述串行队列中的图片加载请求的步骤。

在一个实施例中，串行队列请求处理模块504还用于在经过所述延迟等待时间后，若所述非串行队列请求未处理完成，则继续处理所述非串行队列请求；在处理完成所述非串行队列请求后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行。

在一个实施例中，串行队列请求处理模块504还用于将当前处理的图片加载请求发送至服务器；接收所述服务器响应于当前处理的所述图片加载请求返回的目标图片；确定当前处理的所述图片加载请求所针对的待加载图片在所述网页中的位置，并将在所述位置处的预加载的初始图片替换为所述目标图片。

上述网页图片加载装置中，将各个图片加载请求添加至串行队列，从串行队列中第一个图片加载请求起，处理串行队列中的图片加载请求，因为逐个处理串行队列中的图片加载请求，所以各个待加载图片的加载只会占用一个网络请求链接，这样避免了对网络请求链接的过度占用，从而提高了服务器的响应速度。当网页的图片加载模式为延迟等待模式时，监听网页中当前的非串行队列请求的数量，当根据数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理串行队列中的图片加载请求，并处理各非串行队列请求，在经过延迟等待时间后，取消对串行队列中的图片加载请求的暂停处理，并返回处理所述串行队列中的图片加载请求的步骤，以继续执行，这样能够在网页浏览器的请求超出承载限度时，为非串行队列请求让道，让出网络请求链接来优先处理非串行队列请求，从而进一步避免了对网络请求链接的过度占用，从而进一步提高了服务器的响应速度。串行队列占用的一个网络请求链接会定时的释放出来，允许非串行队列请求插入，适用于网页与服务器之间交互频繁、且网页重点在用户交互的网页中。

关于网页图片加载装置的具体限定可以参见上文中对于网页图片加载方法的限定，在此不再赘述。上述网页图片加载装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种网页图片加载方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

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

将各个图片加载请求添加至串行队列；所述图片加载请求，用于请求加载所访问的网页中的待加载图片；

从所述串行队列中第一个图片加载请求起，处理所述串行队列中的图片加载请求；

当所述网页的图片加载模式为延迟等待模式时，监听所述网页中当前的非串行队列请求的数量；

当根据所述数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理所述串行队列中的图片加载请求，并处理各所述非串行队列请求；

在经过所述延迟等待时间后，若所述非串行队列请求未处理完成，则继续处理所述非串行队列请求；

在处理完成所述非串行队列请求后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行，直至所述串行队列中的各个图片加载请求均处理完成。

2.根据权利要求1所述的方法，其特征在于，所述将各个图片加载请求添加至串行队列包括：

监听所述网页中当前展示区域中的待加载图片；

将所述当前展示区域中的各所述待加载图片对应的图片加载请求添加至串行队列。

3.根据权利要求1所述的方法，其特征在于，所述将各个图片加载请求添加至串行队列包括：

监听所述网页中全部的待加载图片；

将所述网页中的各所述待加载图片对应的图片加载请求添加至串行队列。

4.根据权利要求1所述的方法，其特征在于，在所述监听所述网页中当前的非串行队列请求的数量之后，所述方法还包括：

当根据所述数量确定网页浏览器的请求未超出承载限度时，继续执行所述处理所述串行队列中的图片加载请求的步骤。

5.根据权利要求1所述的方法，其特征在于，在所述从所述串行队列中第一个图片加载请求起，处理所述串行队列中的图片加载请求之后，所述方法还包括：

当所述网页的图片加载模式为非延迟等待模式时，继续执行所述处理所述串行队列中的图片加载请求的步骤。

6.根据权利要求1所述的方法，其特征在于，所述根据所述数量确定网页浏览器的请求超出承载限度，包括：

当所述网页中当前的非串行队列请求的数量大于预设阈值时，确定所述网页浏览器的请求超出承载限度；所述预设阈值是根据所述网页浏览器所提供的网络请求链接的数量确定的。

7.根据权利要求1至6任意一项所述的方法，其特征在于，所述处理所述串行队列中的图片加载请求包括：

将当前处理的图片加载请求发送至服务器；

接收所述服务器响应于当前处理的所述图片加载请求返回的目标图片；

确定当前处理的所述图片加载请求所针对的待加载图片在所述网页中的位置，并将在所述位置处的预加载的初始图片替换为所述目标图片。

8.一种网页图片加载装置，其特征在于，所述装置包括：

串行队列建立模块，用于将各个图片加载请求添加至串行队列；所述图片加载请求，用于请求加载所访问的网页中的待加载图片；

串行队列请求处理模块，用于从所述串行队列中第一个图片加载请求起，处理所述串行队列中的图片加载请求；

网页请求监听模块，用于当所述网页的图片加载模式为延迟等待模式时，监听所述网页中当前的非串行队列请求的数量；

非串行队列请求处理模块，用于当根据所述数量确定网页浏览器的请求超出承载限度时，进入延迟等待阶段，在预设的延迟等待时间内，暂停处理所述串行队列中的图片加载请求，并处理各所述非串行队列请求；

所述串行队列请求处理模块还用于在经过所述延迟等待时间后，若所述非串行队列请求未处理完成，则继续处理所述非串行队列请求；在处理完成所述非串行队列请求后，取消对所述串行队列中的图片加载请求的暂停处理，并返回所述处理所述串行队列中的图片加载请求的步骤，以继续执行，直至所述串行队列中的各个图片加载请求均处理完成。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。