網站建設網友上網都(dōu)不喜歡用太多的時間等待網頁的打開(kāi),等待得越長(cháng),用戶可能(néng)會直接關閉網頁,這(zhè)樣(yàng)就會損失很多流量!其次,關鍵字的排名與網頁的打開(kāi)速度也有關系,這(zhè)個主要體現搜索引擎對(duì)用戶體驗度上,用戶體驗度好(hǎo),排名相對(duì)其它網站就好(hǎo)些。因此我覺得我們有必要去提高網頁的打開(kāi)速度,這(zhè)個不需要太多的成(chéng)本投入,隻需要平時多注意一些小技巧就行了!下面(miàn)給出六種(zhǒng)方法幫你提高網站訪問速度縮短網頁加載時間。
1.縮小Javascript和CSS文件
如果你的網站大約有50-60%的用戶是第一次訪客,那麼(me)這(zhè)些人會下載Javascript和CSS,如果這(zhè)些文件很大浏覽器會下載很長(cháng)時間。使用壓縮工具可以減少Javascript和CSS盡一半的文件大小,至少能(néng)提高40%到60%的壓縮率。
2.Sprites圖片技術
Spriting是一種(zhǒng)網頁圖片應用處理方式,它是將(jiāng)一個頁面(miàn)涉及到的所有零星圖片都(dōu)包含到一張大圖中去,然後(hòu)利用CSS技術展現出來。這(zhè)樣(yàng)一來,當訪問該頁面(miàn)時,載入的圖片就不會像以前那樣(yàng)一幅一幅地慢慢顯示出來了,可以減少了整個網頁的圖片大小,并且利用CSSSprites能(néng)很好(hǎo)地減少網頁的http請求,從而大大的提高頁面(miàn)的性能(néng)。CSSSprites在國(guó)内很多人叫(jiào)css精靈,很早就有了,在很多大型網站都(dōu)有用到,特别是一些所有頁面(miàn)都(dōu)存在的圖标用得比較多,很好(hǎo)的提升加載速度。
3.Ajax調用盡量采用GET方法調用
實際使用XMLHttpRequest時,如果使用POST方法實現,會發(fā)生2次HTTP請求,而使用GET方法隻會發(fā)生1次HTTP請求。如果改用GET方法,HTTP請求減少50%!
4.延遲顯示可見區域外的内容
爲了确保用戶可以更快地看見可見區域的網頁可以延遲加載或展現可見區域外的内容,爲了避免頁面(miàn)變形,可以使用占位符标簽制定正确的高度和寬度。比如WP的jQueryImage LazyLoad插件就可以在用戶停留在第一屏的時候,不加載任何第一屏以下的圖片信息,隻有當用戶把鼠标往下滾動的時候,這(zhè)些圖片才開(kāi)始加載。這(zhè)樣(yàng)很明顯提升可見區域的加載速度,提高用戶體驗。
5.合理使用Flush
用戶端發(fā)送浏覽請求後(hòu),服務器端一般要花銷200-500ms去處理這(zhè)些請求,在此期間,用戶端浏覽器處于等待狀态,如果要減少用戶等待時間,可以在适當的位置使用flush,將(jiāng)已經(jīng)就緒的内容推送到用戶端,這(zhè)在php中很容易實現例如:網站加載時間 網站訪問速度 網站優化 用戶體驗。
6.精簡代碼
這(zhè)個可以說是最直接的一個方法,也是用得比較多的,對(duì)網頁代碼進(jìn)行瘦身,删除不必要的沉冗代碼,比如不必要的空格、換行符、注釋等,包括JS代碼中的無用代碼也需要清除。其中對(duì)于注釋代碼的清除可能(néng)有些人存在誤區,甚至有的在裡(lǐ)面(miàn)堆砌關鍵詞。