Optimize page speed Three details of the site image format of the attention

Summary: I. Notice of image format in website there are three kinds of picture formats used on Web pages, JPG, PNG, GIF. The specific specifications of three formats are not discussed in this article, we just need to know when to use what format to reduce

One. Notice of image format in website

There are three kinds of picture formats commonly used on Web pages, JPG, PNG, GIF. The specific specifications of the three formats are not the content of this article, we just need to know when and what format should be used to reduce the load time of the page.

1, JPG: Generally used to show the scenery, characters, artsy photography. Sometimes used on computer screen.

2, GIF: Provide less color, used in some of the color requirements are not high places, such as website logo, buttons, expressions and so on. Of course, an important application of GIF is animated pictures. Like an inverted picture made of lunapic.

3, png:png format can provide a transparent background, is a special page for the invention of the image format. Typically used on pages that require transparent display of background or higher image quality requirements.

Two. About Web site CSS optimization details

CSS stacked style sheets make the pages more efficient to load and improve the browsing experience. With CSS, tabular layouts can be retired.

But sometimes we use some wordy statements when we write CSS, such as this:

CSS Code

margin-top:10px;

margin-right:20px;

margin-bottom:10px;

margin-left:20px;

You can simplify it to:

margin:10px 20px 10px 20px;

Or this sentence:

HTML code

1.

a paragraph of decorated text

2.

second paragraph

3.

third paragraph

4.

forth paragraph

You can use DIV to include:

HTML code

A paragraph of decorated text

Second paragraph

Third paragraph

Forth paragraph

Simplifying CSS can remove redundant attributes and improve operational efficiency. If you're tired of simplifying by writing CSS, you can use some of the online simplified CSS tools, such as CLEANCSS.

Three. Web page Signal-to-noise ratio attention

Web page signal-to-noise ratio performance:

Some pages are reflected in plain text as the reason for the high results of web pages and key word densities as well as the size of Web pages in search engine returns. And can be reasonably strong. In some search results, the first page of a Web site is a page with text appearing on the site, and the second page is the homepage of the station.

Principle of signal-to-noise ratio of Web page:

Signal-to-noise ratio (signal/noise), formerly a concept in the field of electro-acoustics, refers to the ratio of the sound source to the maximum loss of true sound signal strength and simultaneous noise intensity. In the Web optimization of the same principle, search engine crawl page, the main crawl to remove HTML modified text content, this part of the content can be considered to be not distorted sound signal, while the resulting portion of the HTML tag content, can be considered noise. Therefore, the signal-to-noise ratio of a Web page can be understood as follows: The ratio of the content of the text in a Web page to the content of the HTML tags generated by generating the text. Acoustics, the higher the signal-to-noise ratio, indicating the clearer the sound signal, the same, the higher the signal-to-noise ratio of the Web page, the more pure text content of the page, search engine crawl page is easier.

Web page signal-to-noise ratio tips:

1. Reduce the picture on the Web page, please add a note to use.

2. Reduce the flash in the webpage, have not heard which search engine can know other

3. Web page CSS, JS package, unified call

Some domestic optimization people believe that generally speaking, the noise of the Web page is more reasonable than 30%.

The above is Fernando deliberately looking for and summed up the optimization of the site speed of the three major neglect issues, I hope that we pay more attention.

If reproduced please specify the Source: Network Promotion Program-Website optimization program-Fernando Website Promotion Method Blog

This article original address: http://www.xiaotuo.net/youhua/39/