優化網頁速度三大細節之網站中圖像格式的注意

摘要： 一。 網站中圖像格式的注意 一般在網頁上使用的圖片格式有三種，jpg、png、gif.三種格式的具體技術指標不是這篇文章探討的內容，我們只需要知道在什麼時候應該使用什麼格式，以減

一。 網站中圖像格式的注意

一般在網頁上使用的圖片格式有三種，jpg、png、gif.三種格式的具體技術指標不是這篇文章探討的內容，我們只需要知道在什麼時候應該使用什麼格式，以減少網頁的載入時間。

1、JPG：一般用於展示風景、人物、藝術照的攝影作品。 有時也用在電腦截屏上。

2、GIF：提供的顏色較少，可用在一些對顏色要求不高的地方，比如網站logo、按鈕、表情等等。 當然，gif的一個重要的應用是動畫圖片。 就像用Lunapic製作的倒映圖片。

3、PNG：PNG格式能提供透明背景，是一種專為網頁展示而發明的圖片格式。 一般用於需要背景透明顯示或對圖像品質要求較高的網頁上。

二。 關於網站CSS的優化細節

CSS疊層樣式表讓網頁載入起來更高效，流覽體驗也得到提高。 有了CSS，表格佈局的方式可以退休了。

但有時我們在寫CSS的時候會使用了一些比較囉嗦的語句，比如這句：

Css代碼

margin-top： 10px;

margin-right： 20px;

margin-bottom： 10px;

margin-left： 20px;

你可以將它簡化為：

margin： 10px 20px 10px 20px;

又或者這句：

Html代碼

1.＜p class="decorated"＞A paragraph of decorated text＜/p＞

2.＜p class="decorated"＞Second paragraph＜/p＞

3.＜p class="decorated"＞Third paragraph＜/p＞

4.＜p class="decorated"＞Forth paragraph＜/p＞

可以用div來包含：

Html代碼

＜div class="decorated"＞

＜p＞A paragraph of decorated text＜/p＞

＜p＞Second paragraph＜/p＞

＜p＞Third paragraph＜/p＞

＜p＞Forth paragraph＜/p＞

＜/div＞

簡化CSS能去除冗余的屬性，提高運行效率。 如果你寫好CSS後懶得去做簡化，你可以使用一些線上的簡化CSS工具，比如CleanCSS.

三。 網頁信噪比的注意

網頁信噪比表現：

有些網頁以純文字方式體現的網頁和關鍵字詞密度以及大小一樣的網頁在搜尋引擎返回的結果高的原因。 並且也能合理結實在一些搜尋結果中，關聯一個網站的第一頁是網站的某個以文字出現的頁面，而第二頁才是該站的首頁。

網頁信噪比原理：

信噪比（Signal/Noise），原是電聲學領域中的一個概念，指聲音源產生最大不失真聲音信號強度與同時發出噪音強度之間的比率。 在網頁優化中同樣存在這樣的原理，搜尋引擎抓取頁面，主要抓取除去html修飾後的文本內容，這部分內容可以認為是不失真聲音信號，而同時產生的那部分html標籤內容，可以被認為是噪音。 因此，網頁信噪音比，可以這樣理解：指網頁中的文本內容部分與生成這些文本而產生的html標籤內容的比率。 聲學中，信噪比越高，說明聲音信號越清晰，同理，網頁信噪比越高，說明頁面中純文字內容相對越多，搜尋引擎抓取頁面也越容易。

網頁信噪比技巧：

1.減少網頁中的圖片，必須使用的請加上注釋。

2.減少網頁中flash，還沒有聽說哪個搜尋引擎能識別的

3.網頁中css、js封裝，統一調用

國內部分優化人士認為，一般來說網頁信噪音比在30%左右比較合理。

以上就是小托特意精心尋找與總結的優化網站速度的三大忽略問題，希望大家多去注意。

若轉載請注明出處： 網路推廣方案-網站優化方案-小托網站推廣方法博客

本文原創位址： HTTP://www.xiaotuo.net/youhua/39/