Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Webpage image loading method and webpage image loading device

A technology for webpage pictures and pictures, which is applied in the field of webpage picture loading methods and loading devices, can solve the problems of multiple network traffic, the total number of picture files is reduced, and the size of picture files is large, so as to save network traffic, reduce download time, and improve speed. Effect

Inactive Publication Date: 2014-10-22
TENCENT TECH (SHENZHEN) CO LTD
View PDF5 Cites 20 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0002] With the development of web technology, the amount of information contained in web pages is also increasing, and the proportion of picture files in web pages is also increasing. However, the size of picture files is usually relatively large, so a large number of picture files It will seriously affect the loading speed of the webpage, and it will consume a lot of network traffic to load these image files
In the prior art, the speed of webpage loading is usually improved by using image files in smaller formats such as GIF (Graphics Interchange Format, Image Interchange Format) in the webpage, and the network traffic is saved, but this does not make the webpage The total number of image files is reduced. If the total number of image files in the webpage is large, the total speed of webpage image loading will still be affected, and the total network traffic required to load webpage images is still large, so how to effectively improve The loading speed of web page images and saving network traffic are currently a major problem

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Webpage image loading method and webpage image loading device
  • Webpage image loading method and webpage image loading device
  • Webpage image loading method and webpage image loading device

Examples

Experimental program
Comparison scheme
Effect test

no. 1 example

[0019] figure 1 It is a flow chart of the method for loading webpage pictures provided by the first embodiment. Such as figure 1 As shown, the web page picture loading method of the present embodiment includes the following steps:

[0020] Step S11, obtaining the size of the picture file to be loaded from the server.

[0021] The picture file to be loaded is the picture file in the webpage to be loaded, and the size of the picture file to be loaded can be obtained by the server through the client according to the uniform resource locator (Uniform Resource Locator, URL) of the picture file to be loaded (also called for size).

[0022] Step S12, judging whether the size of the picture file to be loaded is smaller than a preset threshold.

[0023] If the judgment result of step S12 is yes, then execute step S13: download the picture file to be loaded by the server, load and display the downloaded picture file to be loaded on the webpage.

[0024] Specifically, if the judgmen...

no. 2 example

[0029] figure 2 It is a flow chart of the method for loading webpage pictures provided by the second embodiment. Such as figure 2 As shown, the web page picture loading method of the present embodiment includes the following steps:

[0030] Step S21, setting a preset threshold according to the value input by the user.

[0031] The preset threshold is the criterion for judging whether to download the image file of the web page to be loaded, and the default value can be 200k. However, it can be understood that the preset threshold can also be set according to the quality, type, or monthly remaining network traffic of the detected network currently used by the user terminal, for example: if it is detected that the user terminal is currently using Fast broadband network, or free wireless network (such as WiFi, etc.), you can set a higher preset threshold; Set a lower preset threshold.

[0032] It can be understood that the preset threshold can also be set according to the n...

no. 3 example

[0052] Figure 4 It is a flow chart of the method for loading webpage pictures provided by the third embodiment. Such as Figure 4 As shown, the web page picture loading method of the present embodiment includes the following steps:

[0053] Step S31, acquiring the size of the picture file to be loaded from the server.

[0054] For this step, reference may be made to the corresponding content in step S11 in the first embodiment, which will not be repeated here.

[0055] Step S32, judging whether the size of the picture file to be loaded is smaller than a preset threshold.

[0056] For this step, reference may be made to the corresponding content in step S12 in the first embodiment, which will not be repeated here.

[0057] If the judgment result of step S32 is yes, step S33 is executed: the server downloads the picture file to be loaded, loads the downloaded picture file to be loaded and displays it on the webpage.

[0058] For this step, reference may be made to the corr...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

A webpage image loading method includes: acquiring the size of a to-be-loaded image file from a server; judging whether the size of the to-be-loaded image file is smaller than a preset threshold or not; if yes, through the server, loading the to-be-loaded image file, loading the to-be-loaded image file which is loaded and displaying the same in a webpage; if not, through the server, reading a local image file, loading the preset local image file and displaying the same in the webpage. In addition, the invention further provides a webpage image loading device. With the webpage image loading method and the webpage image loading device, loading speed of webpage images can be effectively increased, and network flow can be saved.

Description

technical field [0001] The invention relates to a webpage picture loading technology, in particular to a webpage picture loading method and a loading device. Background technique [0002] With the development of web technology, the amount of information contained in web pages is also increasing, and the proportion of picture files in web pages is also increasing. However, the size of picture files is usually relatively large, so a large number of picture files It will seriously affect the loading speed of the webpage, and it will consume a lot of network traffic to load these image files. In the prior art, the speed of webpage loading is usually improved by using image files in smaller formats such as GIF (Graphics Interchange Format, Image Interchange Format) in the webpage, and the network traffic is saved, but this does not make the webpage The total number of image files is reduced. If the total number of image files in the webpage is large, the total speed of webpage i...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F17/30
CPCG06F16/9574
Inventor 张雷崔克群
Owner TENCENT TECH (SHENZHEN) CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com