一個(gè)完美的網(wǎng)站不只體現(xiàn)在功能及設(shè)計(jì)上，用戶(hù)體驗(yàn)也是非常重要的。用戶(hù)體驗(yàn)這個(gè)詞我想你肯定不陌生，但是它包含的范圍很廣，有頁(yè)面整體舒適、用戶(hù)操作、網(wǎng)頁(yè)速度等等。大連新圖聞科技就網(wǎng)頁(yè)加載速度展開(kāi)探討。

 

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

 

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

 

清理垃圾代碼的后一步就是刪除空語(yǔ)句，空語(yǔ)句就是指標(biāo)簽間不存在任何內(nèi)容的空語(yǔ)句。比如就是一個(gè)空語(yǔ)句。

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

在制作網(wǎng)頁(yè)的時(shí)候，我們會(huì)添加一些注釋語(yǔ)句來(lái)增強(qiáng)代碼的可讀性，但是過(guò)多的注釋語(yǔ)句會(huì)占用大量的網(wǎng)頁(yè)空間，而且如果注釋語(yǔ)句中存在大量的關(guān)鍵字，還會(huì)被搜索引擎認(rèn)為是對(duì)切關(guān)鍵字，從而對(duì)網(wǎng)站懲罰，所以，我們?cè)谔砑幼⑨屨Z(yǔ)句時(shí)，就hiuyao盡量避免添加那些即使刪除后也不會(huì)影響網(wǎng)頁(yè)源代碼可讀性的注釋語(yǔ)句。

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

將你的JS文件進(jìn)行壓縮

服務(wù)器端開(kāi)啟gzip壓縮

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

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