網(wang)(wang)(wang)友上(shang)網(wang)(wang)(wang)都不喜歡用太(tai)多的(de)(de)時(shi)間等待網(wang)(wang)(wang)頁的(de)(de)打(da)開,等待的(de)(de)越長,用戶(hu)可能(neng)會直(zhi)接關閉網(wang)(wang)(wang)頁,這樣(yang)就(jiu)會損失很(hen)多流量!其(qi)次,關鍵字的(de)(de)排名(ming)與網(wang)(wang)(wang)頁的(de)(de)打(da)開速(su)度也有關系,這個主要(yao)(yao)體現搜索引(yin)擎(qing)對用戶(hu)體驗度上(shang),用戶(hu)體驗度好(hao),排名(ming)相對其(qi)它網(wang)(wang)(wang)站就(jiu)好(hao)些(xie)。因此我(wo)覺得(de)我(wo)們(men)有必要(yao)(yao)去提(ti)高網(wang)(wang)(wang)頁的(de)(de)打(da)開速(su)度,這個不需(xu)要(yao)(yao)太(tai)多的(de)(de)成本投(tou)入,只需(xu)要(yao)(yao)平時(shi)多注(zhu)意一些(xie)小技巧就(jiu)行(xing)了!下(xia)面(mian)給(gei)出六(liu)種(zhong)方法幫你提(ti)高網(wang)(wang)(wang)站訪(fang)問速(su)度縮短網(wang)(wang)(wang)頁加載時(shi)間。
1.縮小Javascript和CSS文件
如果你的網站大約有50-60%的用戶是**次訪客,那么這些人會下載Javascript和CSS,如果這些文件很大瀏覽器會下載很長時間。使用壓縮工具可以減少Javascript和CSS盡一半的文件大小,至少能提高40%到60%的壓縮率。
2.Sprites圖片技術
Spriting是一種網頁圖片應用處理方式,它是將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,然后利用CSS技術展現出來。這樣一來,當訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了,可以減少了整個網頁的圖片大小,并且利用CSSSprites能很好地減少網頁的http請求,從而大大的提高頁面的性能。CSSSprites在國內很多人叫css精靈,很早就有了,在很多大型網站都有用到,特別是一些所有頁面都存在的圖標用得比較多,很好的提升加載速度。
3.Ajax調用盡量采用GET方法調用
實際使用XMLHttpRequest時,如果使用POST方法實現,會發生2次HTTP請求,而使用GET方法只會發生1次HTTP請求。如果改用GET方法,HTTP請求減少50%!
4.延遲顯示可見區域外的內容
為了確保用戶可以更快地看見可見區域的網頁可以延遲加載或展現可見區域外的內容,為了避免頁面變形,可以使用占位符標簽制定正確的高度和寬度。比如WP的jQueryImage LazyLoad插件就可以在用戶停留在**屏的時候,不加載任何**屏以下的圖片信息,只有當用戶把鼠標往下滾動的時候,這些圖片才開始加載。這樣很明顯提升可見區域的加載速度,提高用戶體驗。
5.合理使用Flush
用戶端發送瀏覽請求后,服務器端一般要花銷200-500ms去處理這些請求,在此期間,用戶端瀏覽器處于等待狀態,如果要減少用戶等待時間,可以在適當的位置使用flush,將已經就緒的內容推送到用戶端,這在php中很容易實現例如:網站加載時間 網站訪問速度 網站優化 用戶體驗。
6.精簡代碼
這個可以說是直接的一個方法,也是用得比較多的,對網頁代碼進行瘦身,刪除不必要的沉冗代碼,比如不必要的空格、換行符、注釋等,包括JS代碼中的無用代碼也需要清除。其中對于注釋代碼的清除可能有些人存在誤區,甚至有的在里面堆砌關鍵詞。