CN104951317A - 图片加载装置及方法 - Google Patents
图片加载装置及方法 Download PDFInfo
- Publication number
- CN104951317A CN104951317A CN201410116592.3A CN201410116592A CN104951317A CN 104951317 A CN104951317 A CN 104951317A CN 201410116592 A CN201410116592 A CN 201410116592A CN 104951317 A CN104951317 A CN 104951317A
- Authority
- CN
- China
- Prior art keywords
- picture
- service end
- display interface
- current display
- download
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/10—Protocols in which an application is distributed across nodes in the network
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/75—Indicating network or usage conditions on the user display
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种图片加载装置,其包括第一判断模块,适于判断是否需要向服务端请求下载图片;请求模块,适于在所述第一判断模块确定需要向服务端请求下载图片时,向服务端请求下载图片;以及加载模块,适于接收从服务端下载的图片并将其加载至浏览器。另外,本发明的还提供一种图片加载方法。利用本发明的图片加载装置及方法,可以在判断用户需要查看图片时,再请求下载和加载图片,而不需要将网页上的所有图片都下载下来,从而减少与服务端的交互,减少对CPU资源的占用。另外,当正被下载或加载的图片滚离当前显示界面时,可以取消对该图片的下载或加载,从而进一步减少与服务端的交互以及对CPU资源的占用。
Description
技术领域
本发明涉及互联网技术,尤其涉及图片加载装置及方法。
背景技术
目前,浏览器在显示网页时,通常会向服务端请求下载在浏览器的当前显示界面中要显示的图片,然后在显示界面中加载显示。而当用户继续向上或向下滚动页面时,则再继续向服务端请求下载出现在当前显示界面中的要显示的图片,而当用户滚动网页较快、图片还未从服务端下载下来时,显示界面会呈现出图片未打开的状态或者逐渐打开的状态,用户会一直等待图片一点点地打开,用户体验不好。
另外,当用户非常快速地滚动页面,其目的只是快速浏览页面或者想查看页面中最下面的图片或者信息时,如果每当页面从当前显示界面经过时,就向服务端请求下载在当前显示界面经过的图片,则会同时向服务端发送大量请求,而这些请求实际上并不需要。这一方面会增加服务端的工作负荷,另一方面会影响真正要在浏览器上显示的图片的显示速度。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的图片加载装置及方法。
依据本发明的一个方面,提供了一种图片加载装置,包括:第一判断模块,适于判断是否需要向服务端请求下载图片;请求模块,适于在所述第一判断模块确定需要向服务端请求下载图片时,向服务端请求下载图片;以及加载模块,适于接收从服务端下载的图片并将其加载至浏览器。
可选地,所述第一判断模块根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片。
可选地,所述第一判断模块在图片在当前显示界面的停留时间大于预定阈值时确定向服务端请求下载图片;在图片在显示界面的停留时间小于等于所述预定阈值时,确定不向服务端请求下载图片。
可选地,所述请求模块向服务端请求下载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片;所述加载模块加载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片。
可选地,本发明的图片加载装置还包括:第二判断模块,适于判断当前屏的图片是否滚动离开当前显示界面;以及取消加载模块,适于在第二判断模块判断当前屏的图片滚动离开当前显示界面时,取消从服务端对当前屏的所述图片及下一屏图片的下载以及取消加载模块向浏览器加载当前屏的所述图片及下一屏的图片。
依据本发明的另一方面,还提供一种图片加载方法,包括:判断是否需要向服务端请求下载图片;在判断需要向服务端请求下载图片时,向服务端请求下载图片;接收从服务端下载的图片并将其加载至浏览器。
可选地,所述判断是否需要向服务端请求下载图片的步骤包括:根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片。
可选地,所述根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片的步骤包括:在图片在当前显示界面的停留时间大于预定阈值时确定向服务端请求下载图片;在图片在当前显示界面的停留时间小于等于所述预定阈值时,确定不向服务端请求下载图片。
可选地,所述在判断需要向服务端请求加载图片时向服务端请求下载图片的步骤包括:向服务端请求下载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片;以及所述基于向服务端发出的请求从服务端下载图片并加载的步骤包括:从服务端下载图片并加载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片。
可选地,在所述基于向服务端发出的请求从服务端下载图片并加载的步骤之后,还包括:判断当前屏的图片是否滚动离开当前显示界面;判断当前屏的图片滚动离开当前显示界面时,取消从服务端对当前屏的所述图片及下一屏图片的下载以及取消向浏览器加载当前屏的所述图片及下一屏的图片。
利用本发明的图片加载装置及方法,可以在判断用户需要查看图片时,再请求下载和加载图片,而且最多请求下载和加载当前屏和下一屏或下两屏的图片,而不需要将网页上的所有图片都下载下来,从而减少与服务端的交互,减少对CPU资源的占用。另外,当正被下载或加载的图片滚离当前显示界面时,可以取消对该图片的下载或加载,从而进一步减少与服务端的交互以及对CPU资源的占用。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明的一种实施方式的图片加载装置的方框图;
图2示出了根据本发明的另一种实施方式的图片加载方法的流程图;
图3示出了根据本发明的实施方式的图片加载方法的一个例子的流程图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
当某一网页在客户端的浏览器上显示时,浏览器会从服务端下载网页上的内容,例如网页上的文字和/或图片,然后加载到浏览器上进行显示。本发明主要涉及网页中的图片在浏览器上的加载。
图1示出了根据本发明的一种实施方式的图片加载装置的方框图。如图1所示,本发明的图片加载装置100包括第一判断模块110、请求模块120、以及加载模块130。
其中,第一判断模块110适于判断是否需要向服务端请求下载图片。具体地,第一判断模块110可以根据网页中的图片在浏览器的当前显示界面上的停留时间判断是否向服务端请求下载图片。通常,当用户在浏览器上浏览某一网页时,其会因为对该网页的浏览需求的不同,对该网页的滚动操作的速度也不同。例如,当用户只是想知道该网页大致涉及什么内容时,他会主要浏览该网页的首页的内容,然后可能会非常快速地滚动网页,至网页的中间的某一部分或者网页的最下面,这时,只需从服务端下载该网页的首页的图片即可。当网页快速滚动时,虽然在浏览器的当前显示界面中显示的图片从当前显示界面经过,但是用户并没有想要仔细地查看这些图片,所以,无需从服务端请求下载这些图片。然而,当用户对该网页的首页之外的内容也感兴趣时,他会慢速地滚动该网页,这时,当该网页中的图片出现在浏览器的当前显示界面时,有必要向服务端请求下载所述图片。
为此,可以根据经验为网页中的图片在浏览器的当前显示界面上的停留时间设定一个预定阈值。当网页中的图片在浏览器的当前显示界面上的停留时间大于该预定阈值时,第一判断模块110确定向服务端请求下载图片;当网页中的图片在浏览器的当前显示界面上的停留时间小于所述预定阈值时,第一判断模块110确定不向服务端请求下载图片。
这样,通过第一判断模块110的判断,可以确定是否向服务端请求下载图片。对于不需要向服务端请求下载图片的情况,可以减少对服务端的请求次数、从服务端下载图片的时间、以及在浏览器加载图片的时间,从而可以提高网页的浏览速度,提升用户体验。
请求模块120适于在第一判断模块110确定需要向服务端请求下载图片时,向服务端请求下载图片。
例如,当网页中的图片在浏览器的当前显示界面上的停留时间大于所述预定阈值时,第一判断模块110确定向服务端请求下载图片。这时,请求模块120可以向服务端请求下载当前显示界面中显示的图片。
可选地,请求模块120也可以向服务端请求下载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片。由于用户在浏览网页时会向下或向上滚动网页,采用这种方式可以提前请求接下来要在浏览器当前显示界面上要显示的图片,而不是当这些图片出现在浏览器的当前显示界面时再向服务端请求下载图片,这样,可以进一步提高浏览器显示网页的图片的速度。
加载模块130适于接收从服务端下载的图片并将其加载至浏览器。当请求模块120向服务端20请求下载图片时,服务端20会根据请求模块120的请求向客户端10传送相应的图片,这时,加载模块130会接收从服务端20传送过来的图片,并将其加载至浏览器进行显示。当请求模块120向服务端20请求下载浏览器当前显示界面显示的图片以及下一屏将在浏览器当前界面显示的图片时,服务端20会根据请求模块120的请求,将当前显示界面显示的图片以及下一屏将在浏览器当前界面显示的图片传送至加载模块130,这时加载模块130会将当前屏的图片以及下一屏的图片均加载至浏览器进行显示。
另外,可选地,当请求模块120向服务端20请求下载图片时,为了使用户在浏览图片时尽快看到图片,而不用等待很长时间,服务端20可以分别截取所述图片的多种尺寸的缩略图,这里缩略图的尺寸通常依据分辨率的大小而从原图截取得到,分辨率低的缩略图尺寸小。这里不限定截取多少个缩略图,其可以根据需要来确定。然后,服务端20将不同尺寸的缩略图从小尺寸到大尺寸分批传送至客户端10,缩略图尺寸越小,网络数据越小,传输至客户端的速度越快,例如,一个约1KB的图,可以瞬间传输至客户端。这样加载模块130可以很快地先将尺寸相对小的缩略图加载至浏览器并显示,而当加载模块130加载尺寸相对小的缩略图的同时,服务端20在向客户端传送尺寸相对大的缩略图,这样,加载模块130在加载完尺寸相对小的缩略图之后,可以马上加载尺寸相对大的缩略图,尺寸相对大的缩略图会比尺寸相对小缩略图分辨率高,看上去更清晰,这样以此类推,最终将图片的原图显示在浏览器上。例如,在典型环境下,如果服务端从小到大截取三种不同尺寸的缩略图(暂且称为小尺寸缩略图、中尺寸缩略图、大尺寸缩略图),小尺寸缩略图一般少于0.1秒即可在客户端处看到,更清晰的中尺寸缩略图和大尺寸缩略图可以依次分别需0.2秒和0.5秒在客户端显示,原图通常需要1.0秒显示于客户端。通过这种方式,在客户端,用户会看到图片逐渐清晰地显示在浏览器上,提高用户体验。
前面以服务端截取小尺寸缩略图、中尺寸缩略图、大尺寸缩略图三种尺寸为例进行了说明,但是,服务端截取的缩略图数量并不限于三种尺寸,其可以截取更多尺寸的缩略图,使缩略图的尺寸划分得更细。不过,缩略图截取越多,服务端所做的处理会越多,会占用服务器端的资源,影响其运行速度。具体地,截取多少不同尺寸的缩略图,可以根据需要预先设定,这里对此不做限定。
另外,本发明的图片加载装置100还可以包括第二判断模块140和取消加载模块150。第二判断模块140适于判断当前屏是否滚动离开当前显示界面。取消加载模块150适于在第二判断模块140判断当前屏滚动离开当前显示界面时,取消从服务端20对当前屏及下一屏图片的下载以及取消加载模块130向浏览器加载当前屏及下一屏的图片。
通常,用户对网页的浏览有两种情形,第一种情形是想要查看显示在当前显示界面上的内容,包括图片。第二种情形是并不想查看显示在当前显示界面上的内容,只是快速经过而已,或者在查看显示在当前显示界面上的部分内容后即滚动离开当前屏。对于第一种情形,通常是请求模块120从服务端20请求下载在当前显示界面上要显示的当前屏的图片以及即将在当前显示界面上要显示的下一屏的图片。加载模块130将下载的图片加载至浏览器,用户在显示界面上看到图片后,才会进行滚动操作使当前屏图片离开当前显示界面。而对于第二种情形,用户在查看了当前屏的部分或全部图片后,并不想一屏屏仔细查看每一屏的图片,所以在查看某一屏图片后,为了纵观一下整个网页的内容,用户可能会快速滚动网页,然后可能随机在某一屏暂停一会儿而查看一下,然后再快速滚动网页。当用户快速滚动网页但并不旨在查看进入当前显示界面的图片时,通常网页滚动比较快。这时,第二判断模块140判断当前屏图片滚动离开当前显示界面,如果这时在当前显示界面只加载了当前屏的部分图片,则取消加载模块150取消对该当前屏中的其它尚未加载图片的加载,对于正在下载或加载的下一屏图片,则取消下载或加载。
例如,当用户在查看首页后马上进行快速滚动页面、或者在快速滚动过程中随机地暂停在某一屏而进行查看然后又快速滚动页面时,实际上用户只想查看首页或暂停所在的那一屏的图片。在这种情况下,用户并不会查看下一屏的图片,但实际情况如前面所述却是当用户查看当前屏的图片时,下一屏的图片已被请求下载或者正在被加载,这时,取消加载模块150可以取消对下一屏中的图片的下载和其在浏览器上的加载。这样可以减少向服务器的请求、下载图片以及在浏览器上的图片加载,从而减少与服务端的交互、减少对CPU资源的占用,提高浏览器的运行速度。
另外,当用户在当前显示界面查看当前屏的部分图片后,马上使当前屏离开当前显示界面并且快速滚动页面时,取消加载模块150不仅可以取消对下一屏图片的下载或加载,也可以取消对当前屏中未被加载的图片的下载或加载。
根据本发明的另一方面,还提供一种图片加载方法。图2示出了根据本发明的一种实施方式的图片加载方法的流程图。
如图2所示,本发明的图片加载方法200起始于步骤S210,在步骤S210,判断是否需要向服务端请求下载图片。具体地,可以根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片。根据实践经验,为图片在当前显示界面的停留时间设置一个预定阈值,当图片在当前显示界面的停留时间大于所述预定阈值时,表明该图片在当前显示界面停留时间比较长,用户想要查看该图片,这时,确定向服务端请求下载图片,则进入步骤S230,向服务端请求下载图片。当图片在当前显示界面的停留时间小于等于所述预定阈值时,表明该图片在当前显示界面停留时间比较短,判断客户只是快速滚动页面,并不想查看该图片,这时,确定不向服务端请求下载图片,则进入步骤S220,不向服务端请求下载图片。当在步骤S230执行向服务端请求下载图片的操作时,为了提高网页中的图片在浏览器中的显示速度,可以请求下载在浏览器当前显示界面上要显示的当前屏和下一屏上的图片,也可以请求下载在浏览器当前显示界面上要显示的当前屏和下两屏上的图片。本发明并不限定同时请求下载几屏图片。
前面所述的预定阈值,主要根据经验进行确定,例如设置为1秒钟。即,当该图片在当前显示界面停留大于1秒钟时,确定用户想要浏览该图片,则从服务器下载该图片的缩略图。优选地,为了使用户在浏览图片时尽快看到图片,而不用等待很长时间,服务端可以截取多种尺寸的缩略图,并将该多种尺寸的缩略图分成几组,所述预定阈值也可以设定多个,例如第一预定阈值、第二预定阈值(第二预定阈值大于第一预定阈值)等,根据图片在当前显示界面停留时间的长短来确定从服务端请求下载不同组的图片。当设定多个预定阈值时,则多次执行步骤S210和步骤S230。例如,可以设定当图片刚进入当前显示界面时,请求下载小尺寸缩略图和中尺寸缩略图,在小尺寸缩略图加载完成后即直接加载中尺寸缩略图,这里小尺寸缩略图和中尺寸缩略图都是尺寸很小的缩略图,可以很快地从服务端下载并加载至浏览器,所以通常也同时从服务端请求下载小尺寸缩略图和中尺寸缩略图。当图片在当前显示界面停留时间超过1秒(即第一预定阈值)开始,请求下载大尺寸的缩略图,当图片在当前显示界停留时间超过2秒(即第二预定阈值)开始,请求下载更大尺寸的缩略图,直到请求下载原图。在步骤S230执行向服务端请求下载图片之后,执行步骤S240,接收从服务端下载的图片并将其加载至浏览器,使图片显示在浏览器上。如前面所述,当服务端分别截取要下载的图片的小尺寸缩略图、中尺寸缩略图、大尺寸缩略图时,且设定一个预定阈值时,即当图片在当前显示界面的停留时间大于该预定阈值时,才开始从服务端请求下载图片。这种情况下,依次接收从服务端传送的小尺寸缩略图、中尺寸缩略图、大尺寸缩略图、和原图。由于图片尺寸越小,从服务端下载的速度越快,这样可以很快地先将小尺寸缩略图加载至浏览器并显示,而在加载小尺寸缩略图的同时,还从服务端下载中尺寸缩略图,这样,在浏览器加载完小尺寸缩略图之后,可以马上加载中尺寸缩略图,中尺寸缩略图会比小尺寸缩略图看上去更清晰,这样以此类推,最终将图片的原图加载在浏览器上。当如前所述,服务端侧所截取的图片的缩略图分为几组时,且设定两个预定阈值时,即设定有第一预定阈值和第二预定阈值,其中第二预定阈值大于第一预定阈值,则当图片在当前显示界面停留时间大于第一预定阈值(例如1秒)时,加载大尺寸的缩略图;当图片在当前显示界面停留时间大于第二预定阈值(例如2秒)时,加载更大尺寸的缩略图。通过这种方式,用户在客户端浏览器看到的图片的显示效果将是,图片逐渐清晰地显示在浏览器上,使得用户体验良好。
图3示出了根据本发明的图片加载方法的一个例子的流程图。如图3所示,在步骤S310,判断当前屏图片在当前显示界面的停留时间是否大于预定阈值。这里的预定阈值是根据经验而确定的,例如1秒等。如果当前屏图片在当前显示界面的停留时间小于预定阈值,则表明用户只是快速滚动网页,并不想查看当前屏图片。这时执行步骤S320,不向服务端请求下载图片。如果当前屏图片在当前显示界面的停留时间大于预定阈值,则表明用户在等待查看当前屏图片,这时执行步骤S330,向服务端请求下载当前屏及下一屏的图片。当然,也可以只请求下载当前屏图片,但是为了使图片在浏览器上的加载尽可能连续,这里向服务端请求不仅下载当前屏图片,而且请求下载下一屏图片。
接下来,执行步骤S340,接收从服务端下载的图片并将其加载至浏览器。浏览器会依次从服务端接收请求下载的图片并加载、显示。但是,当用户查看了当前显示屏的部分或全部图片后,决定不再依次仔细查看每一屏的图片,那么,用户会快速滚动网页。但是这时当前屏的部分图片或者下一屏的图片正在下载或者加载,而用户却并不想查看。为此,在步骤S350,判断图片是否滚动离开当前显示界面。当用户在查看当前屏的图片的过程中或之后,快速滚动离开当前屏,而未将下一屏图片停留在当前显示界面时,则执行步骤S360,取消从服务端下载图片以及加载图片至浏览器,即,取消从服务端对正在下载的图片的下载,以及取消正在向浏览器加载的图片的加载,从而可以减少向服务端的请求、从服务端下载图片、以及将图片加载至浏览器这样的一些交互操作,从而提高系统运行速度。
当在步骤S350判断图片没有滚动离开当前显示界面,则执行步骤S340,继续接收从服务端下载的图片并将其加载至浏览器。
利用本发明的方法,可以在判断用户需要查看图片时,再请求下载和加载图片,而且最多请求下载和加载当前屏和下一屏或下两屏的图片,而不需要将网页上的所有图片都下载下来,从而减少与服务端的交互,减少对CPU资源的占用。另外,当用户查看当前屏的部分图片或者全部图片后,想再翻看一下其他屏的图片,则可能不再查看下一屏图片,这时,虽然当前屏的部分图片和下一屏的图片已经向服务端请求下载,或正下载,或正加载至浏览器,都可以取消这些操作,而直接向服务端请求下载用户想要查看的那一屏的图片,从而可以避免一些不必要的下载、加载,进一步减少一些交互操作,从而进一步减少对CPU资源的占用。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的浏览器客户端中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种图片加载装置,包括:第一判断模块,适于判断是否需要向服务端请求下载图片;请求模块,适于在所述第一判断模块确定需要向服务端请求下载图片时,向服务端请求下载图片;以及加载模块,适于接收从服务端下载的图片并将其加载至浏览器。
A2、根据A1所述的装置,其中,所述第一判断模块根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片。
A3、根据A2所述的装置,其中,所述第一判断模块在图片在当前显示界面的停留时间大于预定阈值时确定向服务端请求下载图片;在图片在当前显示界面的停留时间小于等于所述预定阈值时,确定不向服务端请求下载图片。
A4、根据A1-A3中任何一项所述的装置,其中,所述请求模块向服务端请求下载在当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片;所述加载模块加载在当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片。
A5、根据A1-4中任何一项所述的装置,其中,所述加载模块依次从服务端下载该图片的从小尺寸到大尺寸的缩略图并依次加载。
A6、根据A4所述的装置,还包括:第二判断模块,适于判断图片是否滚动离开当前显示界面;以及取消加载模块,适于在第二判断模块判断当前屏的图片滚动离开当前显示界面时,取消从服务端对当前屏的所述图片及下一屏图片的下载以及取消加载模块向浏览器加载当前屏的所述图片及下一屏的图片。
本发明还公开B1、一种图片加载方法,包括:判断是否需要向服务端请求下载图片;在判断需要向服务端请求下载图片时,向服务端请求下载图片;接收从服务端下载的图片并将其加载至浏览器。
B2、根据B1所述的方法,其中,所述判断是否需要向服务端请求下载图片的步骤包括:根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片。
B3、根据B2所述的方法,其中,所述根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片的步骤包括:在图片在当前显示界面的停留时间大于预定阈值时确定向服务端请求下载图片;在图片在当前显示界面的停留时间小于等于所述预定阈值时,确定不向服务端请求下载图片。
B4、根据B1-B3中任何一项所述的方法,其中,
所述在判断需要向服务端请求加载图片时向服务端请求下载图片的步骤包括:向服务端请求下载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片;以及所述基于向服务端发出的请求从服务端下载图片并加载的步骤包括:从服务端下载图片并加载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片。
B5、根据B1-B4中任何一项所述的方法,其中,
所述基于向服务端发出的请求从服务端下载图片并加载的步骤包括:依次从服务端下载该图片的从小尺寸到大尺寸的缩略图并加载。
B6、根据B4所述的方法,在所述基于向服务端发出的请求从服务端下载图片并加载的步骤之后,还包括:判断当前屏的图片是否滚动离开当前显示界面;判断当前屏的图片滚动离开当前显示界面时,取消从服务端对当前屏的所述图片及下一屏图片的下载以及取消向浏览器加载当前屏的所述图片及下一屏的图片。
Claims (10)
1.一种图片加载装置,包括:
第一判断模块,适于判断是否需要向服务端请求下载图片;
请求模块,适于在所述第一判断模块确定需要向服务端请求下载图片时,向服务端请求下载图片;以及
加载模块,适于接收从服务端下载的图片并将其加载至浏览器。
2.根据权利要求1所述的装置,其中,
所述第一判断模块根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片。
3.根据权利要求2所述的装置,其中,
所述第一判断模块在图片在当前显示界面的停留时间大于预定阈值时确定向服务端请求下载图片;在图片在当前显示界面的停留时间小于等于所述预定阈值时,确定不向服务端请求下载图片。
4.根据权利要求1-3中任何一项所述的装置,其中,
所述请求模块向服务端请求下载在当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片;
所述加载模块加载在当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片。
5.根据权利要求4所述的装置,还包括:
第二判断模块,适于判断图片是否滚动离开当前显示界面;以及
取消加载模块,适于在第二判断模块判断当前屏的图片滚动离开当前显示界面时,取消从服务端对当前屏的所述图片及下一屏图片的下载以及取消加载模块向浏览器加载当前屏的所述图片及下一屏的图片。
6.一种图片加载方法,包括:
判断是否需要向服务端请求下载图片;
在判断需要向服务端请求下载图片时,向服务端请求下载图片;
接收从服务端下载的图片并将其加载至浏览器。
7.根据权利要求6所述的方法,其中,
所述判断是否需要向服务端请求下载图片的步骤包括:根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片。
8.根据权利要求7所述的方法,其中,
所述根据图片在当前显示界面的停留时间判断是否向服务端请求下载图片的步骤包括:
在图片在当前显示界面的停留时间大于预定阈值时确定向服务端请求下载图片;在图片在当前显示界面的停留时间小于等于所述预定阈值时,确定不向服务端请求下载图片。
9.根据权利要求6-8中任何一项所述的方法,其中,
所述在判断需要向服务端请求加载图片时向服务端请求下载图片的步骤包括:向服务端请求下载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片;以及
所述基于向服务端发出的请求从服务端下载图片并加载的步骤包括:从服务端下载图片并加载当前显示界面中显示的图片以及即将在当前显示界面中显示的下一屏的图片。
10.根据权利要求9所述的方法,
在所述基于向服务端发出的请求从服务端下载图片并加载的步骤之后,还包括:
判断当前屏的图片是否滚动离开当前显示界面;判断当前屏的图片滚动离开当前显示界面时,取消从服务端对当前屏的所述图片及下一屏图片的下载以及取消向浏览器加载当前屏的所述图片及下一屏的图片。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410116592.3A CN104951317A (zh) | 2014-03-26 | 2014-03-26 | 图片加载装置及方法 |
US15/129,341 US20170123617A1 (en) | 2014-03-26 | 2014-12-29 | Picture loading apparatus and method |
PCT/CN2014/095392 WO2015143905A1 (zh) | 2014-03-26 | 2014-12-29 | 图片加载装置及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410116592.3A CN104951317A (zh) | 2014-03-26 | 2014-03-26 | 图片加载装置及方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104951317A true CN104951317A (zh) | 2015-09-30 |
Family
ID=54165988
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410116592.3A Pending CN104951317A (zh) | 2014-03-26 | 2014-03-26 | 图片加载装置及方法 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20170123617A1 (zh) |
CN (1) | CN104951317A (zh) |
WO (1) | WO2015143905A1 (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106201247A (zh) * | 2016-06-28 | 2016-12-07 | 乐视控股(北京)有限公司 | 一种相册中的图片加载方法及系统 |
CN106682016A (zh) * | 2015-11-10 | 2017-05-17 | 腾讯科技(深圳)有限公司 | 一种基于移动终端浏览器的图片加载方法及装置 |
CN106933884A (zh) * | 2015-12-30 | 2017-07-07 | 五八同城信息技术有限公司 | 一种图片加载方法和装置 |
CN107038053A (zh) * | 2017-04-28 | 2017-08-11 | 北京小度信息科技有限公司 | 一种加载网页图片的统计方法、装置及移动终端 |
CN109388317A (zh) * | 2018-09-30 | 2019-02-26 | 武汉斗鱼网络科技有限公司 | 一种图片加载方法、终端设备及存储介质 |
CN112364279A (zh) * | 2021-01-14 | 2021-02-12 | 北京小米移动软件有限公司 | 图片加载方法、装置 |
CN112417346A (zh) * | 2021-01-25 | 2021-02-26 | 北京小米移动软件有限公司 | 渲染方法、装置、电子设备及存储介质 |
CN114610217A (zh) * | 2022-03-24 | 2022-06-10 | 闪耀现实(无锡)科技有限公司 | 用于显示视图的方法、装置和头戴显示设备 |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106028060A (zh) * | 2016-05-25 | 2016-10-12 | 努比亚技术有限公司 | 图片查看装置、系统及方法 |
CN108287892B (zh) * | 2018-01-18 | 2022-03-04 | 北京奇艺世纪科技有限公司 | 一种图片加载方法、装置及电子设备 |
US11115268B2 (en) * | 2019-04-08 | 2021-09-07 | International Business Machines Corporation | Assistance in service provision |
CN110187924A (zh) * | 2019-05-29 | 2019-08-30 | 吉林亿联银行股份有限公司 | 图片加载方法及装置 |
CN110795670A (zh) * | 2019-10-28 | 2020-02-14 | 北京字节跳动网络技术有限公司 | 网页图像的监控方法、装置、电子设备及可读存储介质 |
CN113407087B (zh) * | 2021-08-23 | 2022-04-01 | 成都统信软件技术有限公司 | 一种图片处理的方法、计算设备及可读存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070186182A1 (en) * | 2006-02-06 | 2007-08-09 | Yahoo! Inc. | Progressive loading |
US20100095340A1 (en) * | 2008-10-10 | 2010-04-15 | Siemens Medical Solutions Usa, Inc. | Medical Image Data Processing and Image Viewing System |
CN102346782A (zh) * | 2011-10-25 | 2012-02-08 | 中兴通讯股份有限公司 | 在用户终端浏览器上按需显示图片的方法及装置 |
EP2439949A1 (en) * | 2010-10-05 | 2012-04-11 | Alcatel Lucent | A system, a method, a computer program and a computer program product for distributing media in a computer network |
CN102651001A (zh) * | 2011-02-28 | 2012-08-29 | 腾讯科技(深圳)有限公司 | 一种图片浏览的方法及装置 |
CN102831155A (zh) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | 一种网页标签的缩微图显示方法和装置 |
CN103514241A (zh) * | 2012-12-07 | 2014-01-15 | Tcl集团股份有限公司 | 图片加载方法及系统 |
-
2014
- 2014-03-26 CN CN201410116592.3A patent/CN104951317A/zh active Pending
- 2014-12-29 WO PCT/CN2014/095392 patent/WO2015143905A1/zh active Application Filing
- 2014-12-29 US US15/129,341 patent/US20170123617A1/en not_active Abandoned
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070186182A1 (en) * | 2006-02-06 | 2007-08-09 | Yahoo! Inc. | Progressive loading |
US20100095340A1 (en) * | 2008-10-10 | 2010-04-15 | Siemens Medical Solutions Usa, Inc. | Medical Image Data Processing and Image Viewing System |
EP2439949A1 (en) * | 2010-10-05 | 2012-04-11 | Alcatel Lucent | A system, a method, a computer program and a computer program product for distributing media in a computer network |
CN102651001A (zh) * | 2011-02-28 | 2012-08-29 | 腾讯科技(深圳)有限公司 | 一种图片浏览的方法及装置 |
CN102346782A (zh) * | 2011-10-25 | 2012-02-08 | 中兴通讯股份有限公司 | 在用户终端浏览器上按需显示图片的方法及装置 |
CN102831155A (zh) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | 一种网页标签的缩微图显示方法和装置 |
CN103514241A (zh) * | 2012-12-07 | 2014-01-15 | Tcl集团股份有限公司 | 图片加载方法及系统 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106682016A (zh) * | 2015-11-10 | 2017-05-17 | 腾讯科技(深圳)有限公司 | 一种基于移动终端浏览器的图片加载方法及装置 |
CN106933884A (zh) * | 2015-12-30 | 2017-07-07 | 五八同城信息技术有限公司 | 一种图片加载方法和装置 |
CN106201247A (zh) * | 2016-06-28 | 2016-12-07 | 乐视控股(北京)有限公司 | 一种相册中的图片加载方法及系统 |
CN107038053A (zh) * | 2017-04-28 | 2017-08-11 | 北京小度信息科技有限公司 | 一种加载网页图片的统计方法、装置及移动终端 |
CN109388317A (zh) * | 2018-09-30 | 2019-02-26 | 武汉斗鱼网络科技有限公司 | 一种图片加载方法、终端设备及存储介质 |
CN109388317B (zh) * | 2018-09-30 | 2022-04-12 | 武汉斗鱼网络科技有限公司 | 一种图片加载方法、终端设备及存储介质 |
CN112364279A (zh) * | 2021-01-14 | 2021-02-12 | 北京小米移动软件有限公司 | 图片加载方法、装置 |
US11762675B2 (en) | 2021-01-14 | 2023-09-19 | Beijing Xiaomi Mobile Software Co., Ltd. | Method and apparatus for loading picture |
CN112417346A (zh) * | 2021-01-25 | 2021-02-26 | 北京小米移动软件有限公司 | 渲染方法、装置、电子设备及存储介质 |
CN114610217A (zh) * | 2022-03-24 | 2022-06-10 | 闪耀现实(无锡)科技有限公司 | 用于显示视图的方法、装置和头戴显示设备 |
Also Published As
Publication number | Publication date |
---|---|
WO2015143905A1 (zh) | 2015-10-01 |
US20170123617A1 (en) | 2017-05-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104951317A (zh) | 图片加载装置及方法 | |
US10013502B1 (en) | Preloading resources of a web page | |
US8527504B1 (en) | Data network content filtering using categorized filtering parameters | |
US10015226B2 (en) | Methods for making AJAX web applications bookmarkable and crawlable and devices thereof | |
US9680912B2 (en) | Method and apparatus for loading resource files of an application | |
KR102132137B1 (ko) | 웹 페이지의 맞춤 최적화 기법 | |
US10013500B1 (en) | Behavior based optimization for content presentation | |
US20060015820A1 (en) | Fixed window selection | |
US20080201332A1 (en) | System and method for preloading content on the basis of user context | |
US10455047B2 (en) | Methods and systems for application controlled pre-fetch | |
US20160232250A1 (en) | Reducing redirects | |
CN104462283A (zh) | 在移动终端中进行网页元素请求的方法、装置和客户端 | |
US10031971B2 (en) | System and methods for optimizing the response to a request for dynamic web content | |
CN104111847A (zh) | 一种提高游戏运行速度的方法及装置 | |
CN105554085B (zh) | 一种基于服务器连接的动态超时处理方法和装置 | |
CN106202179A (zh) | 一种页面加载方法和装置 | |
CN103699566B (zh) | 一种图片实时切图装置及方法 | |
US9773214B2 (en) | Content feed printing | |
JP5792717B2 (ja) | コンピュータ・データ資産を要求するための装置、方法、およびコンピュータ・プログラム(コンピュータ・データ資産の要求) | |
CN102890687A (zh) | 一种浏览网页组图的方法、系统和装置 | |
CN106156132A (zh) | 图片加载显示方法和装置 | |
CN104536974A (zh) | 在浏览器中搜索信息的方法和浏览器客户端 | |
CN103685518A (zh) | 为移动终端提供图文类页面的方法、客户端和系统 | |
CN103258055B (zh) | 一种文件下载设备和方法 | |
US9559976B2 (en) | Inserting user targeted web resources into browser navigation memory |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150930 |