去掉頁(yè)面冗余代碼，多個(gè)外部JS合并壓縮，圖片實(shí)時(shí)壓縮，服務(wù)器開(kāi)啟gzip壓縮，css sprites技術(shù)等都可以減少請(qǐng)求和下載量，相信做好這些，馬上讓你的網(wǎng)站提升N倍的速度，做為網(wǎng)站排名的一個(gè)有力武器。如何讓訪客停留在你的頁(yè)面上，優(yōu)化網(wǎng)站的加載速度就顯得至關(guān)重要了。


　　網(wǎng)頁(yè)的html代碼優(yōu)化是對(duì)網(wǎng)站進(jìn)行瘦身的基礎(chǔ)，縮減不必要的網(wǎng)頁(yè)代碼是優(yōu)化客戶(hù)端，加快網(wǎng)站加載速度的主要手段。代碼優(yōu)化具體來(lái)講都是一些關(guān)于標(biāo)記的優(yōu)化，清理標(biāo)記不僅僅能縮減文檔的大小，而且能夠讓文檔更易于維護(hù)提高搜索引擎的可見(jiàn)度。下面舉幾個(gè)常見(jiàn)的需要優(yōu)化的代碼示例。


　　1、刪除script中的注釋符。在大部分主流瀏覽器里，往腳本塊里添加HTML注釋是完全不需要的。估計(jì)老的掉牙的瀏覽器也沒(méi)有用戶(hù)在使用了。


　　2、將事件屬性(如onclick=“…”，onmouseover=“…”等)寫(xiě)在HTML標(biāo)簽內(nèi)是一種很不明智的做法，降低了代碼的可維護(hù)性，同時(shí)污染了標(biāo)簽。可以將事件屬性通過(guò)JS動(dòng)態(tài)添加，不僅可以靈活控制，還可以利用JS客戶(hù)端緩存的優(yōu)勢(shì)，讓這些事件屬性不必每次跟隨文檔請(qǐng)求。


　　3、< form method=“get” >中，form的默認(rèn)method是get，所以如果是使用get的話可以不用寫(xiě)。


　　4、< input type=“text” >的默認(rèn)屬性為text，可以忽略。


　　5、< meta http-equiv=”Content-type” … >。指定文件的字符編碼一直都引起極大的混亂，Content-type的優(yōu)先級(jí)并不比HTTP HEADER高，當(dāng)兩者都存在時(shí)，請(qǐng)求頭更優(yōu)先，所以如果你能控制好服務(wù)器響應(yīng)，并且設(shè)置好HEADER，那MATE就可以安全的忽略，除非頁(yè)面需要本地瀏覽的時(shí)候。


　　以上是集中常見(jiàn)的標(biāo)記優(yōu)化方法，對(duì)于優(yōu)化網(wǎng)頁(yè)加載速度，還可以利用一些工具進(jìn)行分析處理，筆者在之前寫(xiě)過(guò)的《巧用Google工具優(yōu)化首頁(yè)加載速度》中，就針對(duì)其負(fù)責(zé)的齊魯人才網(wǎng)為例進(jìn)行了網(wǎng)頁(yè)加載速度的優(yōu)化分析，google提供的page-speed工具可以提供詳細(xì)的網(wǎng)頁(yè)速度優(yōu)化報(bào)告，該報(bào)告中可以清楚的看到需要優(yōu)化的內(nèi)容。需要進(jìn)行處理的主要項(xiàng)目有：


　　1、瀏覽器的緩存文件。對(duì)圖片文件的緩存過(guò)期時(shí)間進(jìn)行合理的設(shè)置可以有效的提升網(wǎng)頁(yè)加載速度。


　　2、“Specify image dimensions”：指定圖片的尺寸。瀏覽器在加載頁(yè)面的時(shí)候就要計(jì)算圖片的尺寸，增加了加載時(shí)間。所以對(duì)圖片的尺寸進(jìn)行指定有利于提升速度。


　　3、該工具中也提供了一些關(guān)于代碼優(yōu)化的方法。


　　合并JS文件，降低瀏覽器對(duì)JS文件的讀取，有效的減少http的請(qǐng)求數(shù)量;用gzip格式的壓縮，可以明顯減少文本文件的大小，從而節(jié)省帶寬和加載時(shí)間;


　　在網(wǎng)站的CSS文件中可能會(huì)存在一些用不到的代碼，這項(xiàng)工作應(yīng)該在網(wǎng)站的發(fā)布之前對(duì)CSS，JS文件進(jìn)行檢查，刪除沒(méi)有用到的代碼。

眾所周知，ASP、PHP、JSP等程序?qū)崿F(xiàn)了網(wǎng)頁(yè)信息的動(dòng)態(tài)交互，運(yùn)行起來(lái)的確非常方便，因?yàn)樗鼈兊臄?shù)據(jù)交互性好，能很方便地存取、更改數(shù)據(jù)庫(kù)的內(nèi)容，使網(wǎng)站“動(dòng)”起來(lái)，如：論壇、留言板等。但是這類(lèi)程序必須先由服務(wù)器執(zhí)行處理后，生成HTML頁(yè)面，然后再“送”往客戶(hù)端瀏覽，這就不得不耗費(fèi)一定的服務(wù)器資源。如果在虛擬主機(jī)上過(guò)多地使用這類(lèi)程序，網(wǎng)頁(yè)顯示速度肯定會(huì)慢，所以沒(méi)有必要，請(qǐng)盡量使用靜態(tài)的HTML頁(yè)面。