在維護網站的過程用,可能遇到過這樣的情況:辛辛苦苦做出來的頁面,但圖片過多,網頁結構、表格結構復雜,程序冗
長,使得加載速度很慢!網頁總是不能完全的展現在浏覽者面前。
以後的幾篇文章野貓將自己在網頁減肥方面的一些經驗介紹給大家,希望大家都來討論,說說自己的觀點! 有關圖片:
盡量把幾個可能組合在一起的圖片制作成一張圖片,這是因為浏覽器對網頁中的每個圖片都會做個別請求,也就是說如果
網頁中有5張圖片,那麼浏覽器就會向WEB服務器提出5次請求,這必然會增加服務器的負擔,從而使得速度變慢!
在網頁中鑲入圖片的時候,一定注明高度和寬度,如:<img src="test.gif" width=100 height=100>,如果沒有注明,浏
覽器在下載完圖片以前,將無法確定圖片的大小,頁面的提交就會延遲,甚至可能重復向WEB服務器提出請求。
選擇適當的圖片格式,常見的格式為:JPG和GIF,兩種圖片分別采用不同的方法壓縮圖片。JPG支持的顏色數量比較多,一
般對於照片或者顏色變化顯著的圖片用JPG格式,還應該適當的選擇壓縮比,在基本不損壞效果的同時盡量壓縮。GIF最做
支持256種顏色,適合小圖片、色彩比較少的圖片,對於GIF圖片可以在不影響圖片效果的同時盡量減少圖片的顏色數量。
適當的選擇圖片的格式,對圖片的大小會有不小的影響。可以借助一些圖片處理軟件來處理。
采用逐步提交方式提交圖片,兩種圖片格式都支持逐步提交格式,圖片在逐步提交時,在浏覽器收到完整圖片信息之前就
開始顯示了。這樣看起來快一些。GIF保存為交錯格式,JPG選擇逐步編碼來保存。
對於所有圖片應該帶有文本,用<img>alt標簽實現,因為很多朋友為了增加浏覽速度關閉了浏覽器的圖片功能。提供了文
本有助於搞清頁面的內容。
最後注意,網頁到最後總是以內容來吸引大家的,內容是最重要的!一些沒有必要的圖片盡量去掉!
今天到這裡,下次將和大家討論一下網頁和表格的結構對速度的影響!