網(wǎng)頁(yè)打開(kāi)速度也是網(wǎng)站優(yōu)化的一項(xiàng)重要內(nèi)容。給大家推薦一篇文章，也許會(huì)對(duì)你有幫助的，《分享提高網(wǎng)頁(yè)加載速度的方法和技巧》。

一個(gè)網(wǎng)站的頁(yè)面打開(kāi)速度直接影響著其用戶體驗(yàn)，試想有幾個(gè)訪客會(huì)在把時(shí)間浪費(fèi)在一個(gè)加載速度超過(guò)8秒得頁(yè)面上，現(xiàn)在互聯(lián)網(wǎng)的信息無(wú)處不在，訪客可以從很多頁(yè)面中獲取信息，如何讓訪客停留在你的頁(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、不要將屬性寫在HTML標(biāo)簽內(nèi)

將事件屬性(如onclick=“…”，onmouseover=“…”等)寫在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的話可以不用寫。

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)行分析處理，筆者在之前寫過(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)有用到的代碼。

希望對(duì)你有幫助。

【編輯推薦】

1. 淺談SEO基礎(chǔ)之篩選關(guān)鍵字策略
2. 網(wǎng)站優(yōu)化之如何優(yōu)化圖片
3. 網(wǎng)站優(yōu)化之網(wǎng)站內(nèi)部?jī)?yōu)化必殺技
4. 網(wǎng)站優(yōu)化之六個(gè)細(xì)節(jié)導(dǎo)致全功盡棄
5. 如何優(yōu)化URL利于網(wǎng)站優(yōu)化