搞網(wǎng)站的都知道網(wǎng)站用戶(hù)體驗很重要,這在我們做SEO里面也是重中之重在多次強調的核心因素,而且搜索引擎也在不斷的調整在往這方面做進(jìn)一步的改進(jìn),都是希望能夠給用戶(hù)一個(gè)很好的瀏覽體驗,而對我們網(wǎng)站來(lái)說(shuō)能夠影響瀏覽體驗的第一要素則是頁(yè)面打開(kāi)時(shí)間的問(wèn)題。一個(gè)頁(yè)面在5~8秒左右還沒(méi)能打開(kāi),我想大家都沒(méi)耐心再等下去了,直接關(guān)閉了事,這樣也增加了跳出率,也是用戶(hù)體驗不好的表現,那么我們如何分析出我們網(wǎng)站的打開(kāi)時(shí)間和訪(fǎng)問(wèn)速度呢,網(wǎng)上有很多在線(xiàn)測速工具,我這里要介紹的是百度統計自帶的網(wǎng)站速度診斷功能。
我網(wǎng)站所使用的虛擬主機是萬(wàn)網(wǎng)的,據萬(wàn)網(wǎng)技術(shù)人員說(shuō)是在智能多線(xiàn)機房(因為之前博客因為出現彈窗廣告問(wèn)題要求萬(wàn)網(wǎng)更換服務(wù)器,所以切換到了智能多線(xiàn)機房),下圖是診斷后的部分數據。
測試數據為網(wǎng)通點(diǎn)頁(yè)面打開(kāi)時(shí)間 0.39秒,比 4.7% 的網(wǎng)站打開(kāi)時(shí)間長(cháng),而電信點(diǎn)頁(yè)面打開(kāi)時(shí)間 0.65秒,比 8.1% 的網(wǎng)站打開(kāi)時(shí)間長(cháng),從診斷數據來(lái)看網(wǎng)通線(xiàn)路的用戶(hù)打開(kāi)速度要比電信的快一些,不過(guò)以我電信寬帶使用情況來(lái)看,首頁(yè)基本上是在3~5秒內能完全打開(kāi),訪(fǎng)問(wèn)速度上來(lái)看是算不錯的,不過(guò)診斷得分不算高,后面也給出了診斷建議,總結了影響頁(yè)面打開(kāi)時(shí)長(cháng)的三大方面,而這幾點(diǎn)也是我們在做網(wǎng)站的時(shí)候需要注意的幾點(diǎn),我們做網(wǎng)站優(yōu)化就可以依照這幾點(diǎn)來(lái)優(yōu)化代碼結構以及訪(fǎng)問(wèn)速度。
一、連接網(wǎng)絡(luò )
服務(wù)頁(yè)面打開(kāi)過(guò)程中,連接請求次數越少,打開(kāi)速度越快,而我博客的頁(yè)面打開(kāi)過(guò)程中,共有42次請求(比33%的網(wǎng)站請求次數多),可節省18次連接。也細分出了幾個(gè)方面。
1、合并域名。建議將只有1個(gè)資源的域名合并到其他域名下
2、合并JS。合并相同域名下的js,可以減少網(wǎng)絡(luò )連接次數。
3、合并CSS。合并相同域名下的CSS,可以減少網(wǎng)絡(luò )連接次數。
4、緩存靜態(tài)資源。變化很少的靜態(tài)資源可以設置客戶(hù)端緩存,減少請求。
5、使用Css Sprite。使用css sprite技術(shù)可以減少請求次數。
二、下載頁(yè)面
向服務(wù)器請求發(fā)回網(wǎng)頁(yè)的過(guò)程,受到網(wǎng)頁(yè)大小等的影響,發(fā)回的頁(yè)面體積越小,速度越快。而我網(wǎng)站頁(yè)面打開(kāi)過(guò)程中,共下載 175.9 KB (比23%的網(wǎng)站字節數更多),可以減少 10.4 KB。這點(diǎn)需要側重調整。而主要就是采用壓縮元素的辦法來(lái)進(jìn)行,使用壓縮技術(shù),減少元素的體積,提高網(wǎng)速。
三、打開(kāi)頁(yè)面
用戶(hù)瀏覽器打開(kāi)頁(yè)面的過(guò)程,受頁(yè)面內容大小、設計等的影響。該方面主要從以下兩個(gè)細節著(zhù)手:
1、JS位置。JS放在頁(yè)面最后,可以加快頁(yè)面打開(kāi)速度。
2、圖片大小聲明。如果圖片大小不做定義,則頁(yè)面需要重新渲染,速度受到影響。
雖然除此之外頁(yè)面打開(kāi)速度還和主機本身配置及環(huán)境等因素有關(guān)系,但最主要的因素還是在網(wǎng)站本身,因此我們優(yōu)化好網(wǎng)站內部結構以及代碼都是很有必要的,以上三個(gè)方面都是最直接也是最常見(jiàn)的影響頁(yè)面打開(kāi)速度的,也許有的你已經(jīng)做的足夠好,也許有的細節還沒(méi)注意過(guò),那么可以從這些細節著(zhù)手進(jìn)行改進(jìn)。