0311-86905545
網站建設資(zī)訊詳細

網站的打開(kāi)速度将直接影響網站的體(tǐ)驗度

日期:2020-12-25 11:13:12   作者:坤柔網絡   浏覽:3007   标簽:

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