網(wǎng)頁加速之圖形處理篇

2019-11-18 22:08:53

字體：大中小

供稿：網(wǎng)友

在維護(hù)網(wǎng)站的過程用，可能遇到過這樣的情況：辛辛苦苦做出來的頁面，但圖片過多，網(wǎng)頁結(jié)構(gòu)、表格結(jié)構(gòu)復(fù)雜，程序冗
長，使得加載速度很慢！網(wǎng)頁總是不能完全的展現(xiàn)在瀏覽者面前。

以后的幾篇文章野貓將自己在網(wǎng)頁減肥方面的一些經(jīng)驗介紹給大家，希望大家都來討論，說說自己的觀點！有關(guān)圖片：

盡量把幾個可能組合在一起的圖片制作成一張圖片，這是因為瀏覽器對網(wǎng)頁中的每個圖片都會做個別請求，也就是說如果
網(wǎng)頁中有5張圖片，那么瀏覽器就會向WEB服務(wù)器提出5次請求，這必然會增加服務(wù)器的負(fù)擔(dān)，從而使得速度變慢！
在網(wǎng)頁中鑲?cè)雸D片的時候，一定注明高度和寬度，如：<img src="test.gif" width=100 height=100>，如果沒有注明，瀏
覽器在下載完圖片以前，將無法確定圖片的大小，頁面的提交就會延遲，甚至可能重復(fù)向WEB服務(wù)器提出請求。
選擇適當(dāng)?shù)膱D片格式，常見的格式為：JPG和GIF，兩種圖片分別采用不同的方法壓縮圖片。JPG支持的顏色數(shù)量比較多，一
般對于照片或者顏色變化顯著的圖片用JPG格式，還應(yīng)該適當(dāng)?shù)倪x擇壓縮比，在基本不損壞效果的同時盡量壓縮。GIF最做
支持256種顏色，適合小圖片、色彩比較少的圖片，對于GIF圖片可以在不影響圖片效果的同時盡量減少圖片的顏色數(shù)量。
適當(dāng)?shù)倪x擇圖片的格式，對圖片的大小會有不小的影響?？梢越柚恍﹫D片處理軟件來處理。
采用逐步提交方式提交圖片，兩種圖片格式都支持逐步提交格式，圖片在逐步提交時，在瀏覽器收到完整圖片信息之前就
開始顯示了。這樣看起來快一些。GIF保存為交錯格式，JPG選擇逐步編碼來保存。
對于所有圖片應(yīng)該帶有文本，用<img>alt標(biāo)簽實現(xiàn)，因為很多朋友為了增加瀏覽速度關(guān)閉了瀏覽器的圖片功能。提供了文
本有助于搞清頁面的內(nèi)容。
最后注意，網(wǎng)頁到最后總是以內(nèi)容來吸引大家的，內(nèi)容是最重要的！一些沒有必要的圖片盡量去掉！

今天到這里，下次將和大家討論一下網(wǎng)頁和表格的結(jié)構(gòu)對速度的影響！

上一篇：網(wǎng)頁加速之網(wǎng)頁結(jié)構(gòu)篇

下一篇：建立自己的WEB平臺