網(wǎng)站建設之如何提升網(wǎng)站打開(kāi)速度

網(wǎng)站建設網(wǎng)友上網(wǎng)都不喜歡用太多的時(shí)間等待網(wǎng)頁(yè)的打開(kāi)，等待得越長(cháng)，用戶(hù)可能會(huì )直接關(guān)閉網(wǎng)頁(yè)，這樣就會(huì )損失很多流量！其次，關(guān)鍵字的排名與網(wǎng)頁(yè)的打開(kāi)速度也有關(guān)系，這個(gè)主要體現搜索引擎對用戶(hù)體驗度上，用戶(hù)體驗度好，排名相對其它網(wǎng)站就好些。因此我覺(jué)得我們有必要去提高網(wǎng)頁(yè)的打開(kāi)速度，這個(gè)不需要太多的成本投入，只需要平時(shí)多注意一些小技巧就行了！下面給出六種方法幫你提高網(wǎng)站訪(fǎng)問(wèn)速度縮短網(wǎng)頁(yè)加載時(shí)間。

1.縮小Javascript和CSS文件

如果你的網(wǎng)站大約有50-60%的用戶(hù)是第一次訪(fǎng)客，那么這些人會(huì )下載Javascript和CSS，如果這些文件很大瀏覽器會(huì )下載很長(cháng)時(shí)間。使用壓縮工具可以減少Javascript和CSS盡一半的文件大小，至少能提高40%到60%的壓縮率。

2.Sprites圖片技術(shù)

Spriting是一種網(wǎng)頁(yè)圖片應用處理方式，它是將一個(gè)頁(yè)面涉及到的所有零星圖片都包含到一張大圖中去，然后利用CSS技術(shù)展現出來(lái)。這樣一來(lái)，當訪(fǎng)問(wèn)該頁(yè)面時(shí)，載入的圖片就不會(huì )像以前那樣一幅一幅地慢慢顯示出來(lái)了，可以減少了整個(gè)網(wǎng)頁(yè)的圖片大小，并且利用CSSSprites能很好地減少網(wǎng)頁(yè)的http請求，從而大大的提高頁(yè)面的性能。CSSSprites在國內很多人叫css精靈，很早就有了，在很多大型網(wǎng)站都有用到，特別是一些所有頁(yè)面都存在的圖標用得比較多，很好的提升加載速度。

3.Ajax調用盡量采用GET方法調用

實(shí)際使用XMLHttpRequest時(shí)，如果使用POST方法實(shí)現，會(huì )發(fā)生2次HTTP請求，而使用GET方法只會(huì )發(fā)生1次HTTP請求。如果改用GET方法，HTTP請求減少50%！

4.延遲顯示可見(jiàn)區域外的內容

為了確保用戶(hù)可以更快地看見(jiàn)可見(jiàn)區域的網(wǎng)頁(yè)可以延遲加載或展現可見(jiàn)區域外的內容，為了避免頁(yè)面變形，可以使用占位符標簽制定正確的高度和寬度。比如WP的jQueryImage LazyLoad插件就可以在用戶(hù)停留在第一屏的時(shí)候，不加載任何第一屏以下的圖片信息，只有當用戶(hù)把鼠標往下滾動(dòng)的時(shí)候，這些圖片才開(kāi)始加載。這樣很明顯提升可見(jiàn)區域的加載速度，提高用戶(hù)體驗。

5.合理使用Flush

用戶(hù)端發(fā)送瀏覽請求后，服務(wù)器端一般要花銷(xiāo)200-500ms去處理這些請求，在此期間，用戶(hù)端瀏覽器處于等待狀態(tài)，如果要減少用戶(hù)等待時(shí)間，可以在適當的位置使用flush，將已經(jīng)就緒的內容推送到用戶(hù)端，這在php中很容易實(shí)現例如：網(wǎng)站加載時(shí)間 網(wǎng)站訪(fǎng)問(wèn)速度 網(wǎng)站優(yōu)化 用戶(hù)體驗。

6.精簡(jiǎn)代碼

這個(gè)可以說(shuō)是最直接的一個(gè)方法，也是用得比較多的，對網(wǎng)頁(yè)代碼進(jìn)行瘦身，刪除不必要的沉冗代碼，比如不必要的空格、換行符、注釋等，包括JS代碼中的無(wú)用代碼也需要清除。其中對于注釋代碼的清除可能有些人存在誤區，甚至有的在里面堆砌關(guān)鍵詞。