你的網(wǎng)站需要瘦身嗎？

一個完美的網(wǎng)站不只體現(xiàn)在功能及設計上，用戶體驗也是非常重要的。用戶體驗這個詞我想你肯定不陌生，但是它包含的范圍很廣，有頁面整體舒適、用戶操作、網(wǎng)頁速度等等。上海集錦科技就網(wǎng)頁加載速度展開探討。

 

如果你的網(wǎng)頁打開的速度很慢的話，那你就要注意了。首先要找到原因，通常網(wǎng)頁打開速度慢的原因有以下幾種：服務器配置過低、網(wǎng)站訪問量過大、服務器受攻擊、頁面加載文件過大。前面幾種原因比較常見，而且解決辦法也不難，把服務器升級維護一下就解決了筆者在此也不做過多講解。我們就最后一條“頁面加載文件過大”原因具體分析。

 

與其說是加載文件過大還不如說是圖片過大，因為網(wǎng)頁中最常見就是圖片，一般文件只有像javascript,html,css這些文件，但是它們通常是很小的，一般只有幾k，或者幾十k，幾乎沒有超過1m的。那么圖片這塊就要大了，一般網(wǎng)頁中首頁顯示的圖片是很小的，可能只有100像素左右，但是有些網(wǎng)站雖然首頁只是100像素實際文件有幾千個像素，甚至有些是用數(shù)碼相機拍攝下來后不經(jīng)過處理直接上傳上去。如果只有一個這樣的圖片影響不是很大，但是一般首頁或者產品頁面會顯示幾十個產品，假如一個圖片是2m，那么20個圖片就是40m。這樣等于瀏覽器正在加載超過40m以上的文件，如果客瀏覽者的電腦配置不高的話早已經(jīng)死機了。相反一些門戶網(wǎng)站這方面就做的很好，像淘寶、網(wǎng)易、新浪這些大的門戶網(wǎng)站首頁要比企業(yè)網(wǎng)站大的很多，但是你有沒有感覺打開他們的網(wǎng)站要等半天呢？當然在服務器硬件這塊肯定不能與他們相比，但是在網(wǎng)頁處理上他們就做的很好。筆者就淘寶網(wǎng)站親自試驗了一下，把淘寶網(wǎng)頁保存到本地以后所有文件加在一起只有1M左右，我想一般的企業(yè)網(wǎng)站還沒有這么小吧！像這些網(wǎng)站首頁顯示多大圖片實際也只有這么大。

 

清理垃圾代碼的最后一步就是刪除空語句，空語句就是指標簽間不存在任何內容的空語句。比如就是一個空語句。

網(wǎng)站經(jīng)過垃圾代碼的清理后，頁面中70%以上的多余代碼已經(jīng)被清除，搜索引擎的抓取負擔將大幅度減少，這樣我們在優(yōu)化過程中就能輕裝上陣，優(yōu)化效果就能更加突出，但是精簡代碼的工作并沒有完成。接下來就是暫緩HTML中的長標簽，以及對CSS，JavaScript進行優(yōu)化，這方面的內容，將在以后為大家寫出。

在制作網(wǎng)頁的時候，我們會添加一些注釋語句來增強代碼的可讀性，但是過多的注釋語句會占用大量的網(wǎng)頁空間，而且如果注釋語句中存在大量的關鍵字，還會被搜索引擎認為是對切關鍵字，從而對網(wǎng)站懲罰，所以，我們在添加注釋語句時，就hiuyao盡量避免添加那些即使刪除后也不會影響網(wǎng)頁源代碼可讀性的注釋語句。

空格字符是在編輯代碼時敲擊鍵盤上的空格鍵而所產生的符號，網(wǎng)頁中的每一個空格都算作一個字符，他通常出現(xiàn)在每行代碼的開始出和結束處，還有空行中。對于每行**始前的空格，我們可以用Dreamweaver軟件進行清理，具體步驟是：轉至HTML代碼編輯模式——按Ctrl+a選擇全部代碼——使用組合鍵shift+tab，直至刪除所有空格;對于每行結尾處的空格可以使用一些文本編輯軟件進行替換，具體步驟是：用鼠標選擇“>”+“一個空格字符”——然后使用文本編輯軟件的替換功能——在替換處填“>”,然后全部替換。對于空行則需要手工逐行清理了。

將你的JS文件進行壓縮

服務器端開啟gzip壓縮

如果你是3個單獨的JS，那么你可以合成1個文件，減少請求次數(shù)

圖片文件要用ps處理一下，在不保證失真情況下將文件壓縮到最小。