去掉頁面冗余代碼，多個外部JS合并壓縮，圖片實時壓縮，服務(wù)器開啟gzip壓縮，css sprites技術(shù)等都可以減少請求和下載量，相信做好這些，馬上讓你的網(wǎng)站提升N倍的速度，做為網(wǎng)站排名的一個有力武器。如何讓訪客停留在你的頁面上，優(yōu)化網(wǎng)站的加載速度就顯得至關(guān)重要了。
網(wǎng)頁的html代碼優(yōu)化是對網(wǎng)站進(jìn)行瘦身的基礎(chǔ)，縮減不必要的網(wǎng)頁代碼是優(yōu)化客戶端，加快網(wǎng)站加載速度的主要手段。代碼優(yōu)化具體來講都是一些關(guān)于標(biāo)記的優(yōu)化，清理標(biāo)記不僅僅能縮減文檔的大小，而且能夠讓文檔更易于維護(hù)提高搜索引擎的可見度。下面舉幾個常見的需要優(yōu)化的代碼示例。
1、刪除script中的注釋符。在大部分主流瀏覽器里，往腳本塊里添加HTML注釋是完全不需要的。估計老的掉牙的瀏覽器也沒有用戶在使用了。
2、將事件屬性(如onclick=“…”，onmouseover=“…”等)寫在HTML標(biāo)簽內(nèi)是一種很不明智的做法，降低了代碼的可維護(hù)性，同時污染了標(biāo)簽。可以將事件屬性通過JS動態(tài)添加，不僅可以靈活控制，還可以利用JS客戶端緩存的優(yōu)勢，讓這些事件屬性不必每次跟隨文檔請求。
3、< form method=“get” >中，form的默認(rèn)method是get，所以如果是使用get的話可以不用寫。
4、< input type=“text” >的默認(rèn)屬性為text，可以忽略。
5、< meta http-equiv=”Content-type” … >。指定文件的字符編碼一直都引起極大的混亂，Content-type的優(yōu)先級并不比HTTP HEADER高，當(dāng)兩者都存在時，請求頭更優(yōu)先，所以如果你能控制好服務(wù)器響應(yīng)，并且設(shè)置好HEADER，那MATE就可以安全的忽略，除非頁面需要本地瀏覽的時候。
以上是集中常見的標(biāo)記優(yōu)化方法，對于優(yōu)化網(wǎng)頁加載速度，還可以利用一些工具進(jìn)行分析處理，筆者在之前寫過的《巧用Google工具優(yōu)化首頁加載速度》中，就針對其負(fù)責(zé)的齊魯人才網(wǎng)為例進(jìn)行了網(wǎng)頁加載速度的優(yōu)化分析，google提供的page-speed工具可以提供詳細(xì)的網(wǎng)頁速度優(yōu)化報告，該報告中可以清楚的看到需要優(yōu)化的內(nèi)容。需要進(jìn)行處理的主要項目有：
1、瀏覽器的緩存文件。對圖片文件的緩存過期時間進(jìn)行合理的設(shè)置可以有效的提升網(wǎng)頁加載速度。
2、“Specify image dimensions”：指定圖片的尺寸。瀏覽器在加載頁面的時候就要計算圖片的尺寸，增加了加載時間。所以對圖片的尺寸進(jìn)行指定有利于提升速度。
3、該工具中也提供了一些關(guān)于代碼優(yōu)化的方法。
合并JS文件，降低瀏覽器對JS文件的讀取，有效的減少http的請求數(shù)量;用gzip格式的壓縮，可以明顯減少文本文件的大小，從而節(jié)省帶寬和加載時間;
在網(wǎng)站的CSS文件中可能會存在一些用不到的代碼，這項工作應(yīng)該在網(wǎng)站的發(fā)布之前對CSS，JS文件進(jìn)行檢查，刪除沒有用到的代碼。
眾所周知，ASP、PHP、JSP等程序?qū)崿F(xiàn)了網(wǎng)頁信息的動態(tài)交互，運行起來的確非常方便，因為它們的數(shù)據(jù)交互性好，能很方便地存取、更改數(shù)據(jù)庫的內(nèi)容，使網(wǎng)站“動”起來，如：論壇、留言板等。但是這類程序必須先由服務(wù)器執(zhí)行處理后，生成HTML頁面，然后再“送”往客戶端瀏覽，這就不得不耗費一定的服務(wù)器資源。如果在虛擬主機(jī)上過多地使用這類程序，網(wǎng)頁顯示速度肯定會慢，所以沒有必要，請盡量使用靜態(tài)的HTML頁面。
|
