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

2015-11-25    分類： 網(wǎng)站建設(shè)

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

一個(gè)好的網(wǎng)站不只體現(xiàn)在功能及設(shè)計(jì)上，用戶體驗(yàn)也是非常重要的。用戶體驗(yàn)這個(gè)詞我想你肯定不陌生，但是它包含的范圍很廣，有頁(yè)面整體舒適、用戶操作、網(wǎng)頁(yè)速度等等。成都創(chuàng)新互聯(lián)就網(wǎng)頁(yè)加載速度展開探討。

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

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

如何為我的網(wǎng)站瘦身
1， 網(wǎng)站代碼優(yōu)化
空語(yǔ)句
清理垃圾代碼的最后一步就是刪除空語(yǔ)句，空語(yǔ)句就是指標(biāo)簽間不存在任何內(nèi)容的空語(yǔ)句。比如就是一個(gè)空語(yǔ)句。
網(wǎng)站經(jīng)過垃圾代碼的清理后，頁(yè)面中70%以上的多余代碼已經(jīng)被清除，搜索引擎的抓取負(fù)擔(dān)將大幅度減少，這樣我們?cè)趦?yōu)化過程中就能輕裝上陣，優(yōu)化效果就能更加突出，但是精簡(jiǎn)代碼的工作并沒有完成。接下來就是暫緩HTML中的長(zhǎng)標(biāo)簽，以及對(duì)CSS，JavaScript進(jìn)行優(yōu)化，這方面的內(nèi)容，將在以后為大家寫出。
注釋語(yǔ)句
在制作網(wǎng)頁(yè)的時(shí)候，我們會(huì)添加一些注釋語(yǔ)句來增強(qiáng)代碼的可讀性，但是過多的注釋語(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í)敲擊鍵盤上的空格鍵而所產(chǎn)生的符號(hào)，網(wǎng)頁(yè)中的每一個(gè)空格都算作一個(gè)字符，他通常出現(xiàn)在每行代碼的開始出和結(jié)束處，還有空行中。對(duì)于每行**始前的空格，我們可以用Dreamweaver軟件進(jìn)行清理，具體步驟是：轉(zhuǎn)至HTML代碼編輯模式——按Ctrl+a選擇全部代碼——使用組合鍵shift+tab，直至刪除所有空格;對(duì)于每行結(jié)尾處的空格可以使用一些文本編輯軟件進(jìn)行替換，具體步驟是：用鼠標(biāo)選擇成都>”+成都一個(gè)空格字符”——然后使用文本編輯軟件的替換功能——在替換處填成都>”,然后全部替換。對(duì)于空行則需要手工逐行清理了。
2， 文件大小優(yōu)化
將你的JS文件進(jìn)行壓縮
服務(wù)器端開啟gzip壓縮
如果你是3個(gè)單獨(dú)的JS，那么你可以合成1個(gè)文件，減少請(qǐng)求次數(shù)
圖片文件要用ps處理一下，在不保證失真情況下將文件壓縮到最小。

網(wǎng)頁(yè)標(biāo)題：你的網(wǎng)站需要瘦身嗎？
分享路徑：http://www.muchs.cn/news/37742.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站建設(shè)、定制網(wǎng)站、品牌網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

營(yíng)銷型網(wǎng)站建設(shè)