去掉頁(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)化客戶端,加快網(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)有用戶在使用了。
2、將事件屬性(如onclick=“…”,onmouseover=“…”等)寫(xiě)在HTML標(biāo)簽內(nèi)是一種很不明智的做法,降低了代碼的可維護(hù)性,同時(shí)污染了標(biāo)簽?梢詫⑹录䦟傩酝ㄟ^(guò)JS動(dòng)態(tài)添加,不僅可以靈活控制,還可以利用JS客戶端緩存的優(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è)面,然后再“送”往客戶端瀏覽,這就不得不耗費(fèi)一定的服務(wù)器資源。如果在虛擬主機(jī)上過(guò)多地使用這類(lèi)程序,網(wǎng)頁(yè)顯示速度肯定會(huì)慢,所以沒(méi)有必要,請(qǐng)盡量使用靜態(tài)的HTML頁(yè)面。
|