網頁加速之圖形處理篇

2019-11-18 22:08:53

字體：大中小

來源：轉載

供稿：網友

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

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

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

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

上一篇：網頁加速之網頁結構篇

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

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注