Windows XP Windows 7 Windows 2003 Windows Vista Windows教程綜合 Linux 系統教程
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟件教程
 Windows教程網 >> Windows教程綜合 >> Windows技巧 >> 網頁加速之圖形處理篇經驗技巧

網頁加速之圖形處理篇經驗技巧

日期:2017/2/8 11:31:29      編輯:Windows技巧
 

  在維護網站的過程用,可能遇到過這樣的情況:辛辛苦苦做出來的頁面,但圖片過多,網頁結構、表格結構復雜,程序冗長,使得加載速度很慢!網頁總是不能完全的展現在浏覽者面前。

  以後的幾篇文章野貓將自己在網頁減肥方面的一些經驗介紹給大家,希望大家都來討論,說說自己的觀點!

  盡量把幾個可能組合在一起的圖片制作成一張圖片,這是因為浏覽器對網頁中的每個圖片都會做個別請求,也就是說如果網頁中有5張圖片,那麼浏覽器就會向WEB服務器提出5次請求,這必然會增加服務器的負擔,從而使得速度變慢! 在網頁中鑲入圖片的時候,一定注明高度和寬度,如:<img src="http://www.fmm7.com/jsjc/webbuild/jyjc/200605/test.gif" width=100 height=100>, 如果沒有注明,浏覽器在下載完圖片以前,將無法確定圖片的大小,頁面的提交就會延遲,甚至可能重復向WEB服務器提出請求。

  選擇適當的圖片格式,常見的格式為:JPG和GIF,兩種圖片分別采用不同的方法壓縮圖片。JPG支持的顏色數量比較多,一般對於照片或者顏色變化顯著的圖片用JPG格式,還應該適當的選擇壓縮比,在基本不損壞效果的同時盡量壓縮。GIF最做支持256種顏色,適合小圖片、色彩比較少的圖片,對於GIF圖片可以在不影響圖片效果的同時盡量減少圖片的顏色數量。

  適當的選擇圖片的格式,對圖片的大小會有不小的影響。可以借助一些圖片處理軟件來處理。

  采用逐步提交方式提交圖片,兩種圖片格式都支持逐步提交格式,圖片在逐步提交時,在浏覽器收到完整圖片信息之前就開始顯示了。這樣看起來快一些。GIF保存為交錯格式,JPG選擇逐步編碼來保存。 對於所有圖片應該帶有文本,用<img>alt標簽實現,因為很多朋友為了增加浏覽速度關閉了浏覽器的圖片功能。提供了文本有助於搞清頁面的內容。

  最後注意,網頁到最後總是以內容來吸引大家的,內容是最重要的!一些沒有必要的圖片盡量去掉!

  今天到這裡,下次將和大家討論一下網頁和表格的結構對速度的影響!

Copyright © Windows教程網 All Rights Reserved