Web page acceleration graphics processing experience skills

In the process of maintaining the website, you may have encountered such a situation: the pages that have been worked hard, but the pictures are too much, the structure of the page, the structure of the table is complicated, and the program is tedious, making the loading speed very slow! Web pages are always not fully visible to viewers. In the next few articles, Wildcat will introduce some experiences on webpage weight loss to everyone. I hope everyone will discuss and talk about their own opinions!

Try to make a few images that you might group together. This is because the browser makes individual requests for each image in the page, which means that if there are 5 images in the page, then The browser will make 5 requests to the WEB server, which will inevitably increase the burden on the server, which will make the speed slower! When you put a picture in a web page, be sure to indicate the height and width, such as: <img src="http://www.fmm7.com/jsjc/webbuild/jyjc/200605/test.gif" width=100 Height=100>, If not specified, the browser will not be able to determine the size of the image before downloading the image, the page submission will be delayed, and may even be repeated to the WEB server.

Select the appropriate image format, the common format is: JPG and GIF, the two images use different methods to compress the image. JPG supports a large number of colors, generally for pictures or pictures with significant color changes in JPG format, you should also choose the appropriate compression ratio, and compress as much as possible without damaging the effect. GIF supports 256 colors, which is suitable for small pictures and pictures with less color. For GIF pictures, the number of colors of the pictures can be reduced without affecting the picture effect.

Properly selecting the format of the image will have a small impact on the size of the image. Can be processed with some image processing software.

Submit images by step-by-step submission. Both image formats support step-by-step submission. When the image is submitted step by step, it will be displayed before the browser receives the complete image information. This looks faster. The GIF is saved in an interlaced format, and the JPG is selected to be progressively encoded for storage. For all images should have text, implemented with the <img>alt tag, because many friends turn off the browser's image function in order to increase the browsing speed. Providing text helps to figure out the content of the page.

Finally, the web page always attracts everyone with content, and the content is the most important! Some unnecessary pictures are removed as much as possible! Today is here, next time I will discuss with you the impact of the structure of the web page and the form on the speed!