1. 程式人生 > >前端性能優化的方式

前端性能優化的方式

tar vps ref 時間 mage 緩存 本地緩存 存在 只有一個

一、減少http請求,合理設置HTTP緩存

  網頁中的的圖片、form、flash等等元素都會發出HTTP請求,盡可能的減少頁面中非必要的元素,可以減少HTTP請求的次數。
CSS Sprites(CSS精靈)
  圖片是增加HTTP請求的最大可能者,把全站的圖標都放在一個圖像文件中,然後用CSS的background-image和background-position屬性定位來顯示其中的一小部分。
  這種方法把CSS寫到HMTL文件裏,而不采用外部調用,與Div+CSS中「表現與內容分離、把CSS都立出來」相悖,缺點就是不利於SEO;當然,從整體上減少HTTP請求、提高頁面載入速度,是有利於SEO的。
JS文件和CSS文件只有一個
  合並腳本和CSS文件,可以減少了HTTP請求。有的人喜歡把CSS分成結構清晰的幾個部分,比如base.css、header.css、mianbody.css、 footer.css這樣對頁面的維護和修改是比較方便的,但是對加快服務器響應時間就存在問題了。
少用location.reload()
  使用location.reload() 會刷新頁面,刷新頁面時頁面所有資源(css,js,img等)會重新請求服務器。
  建議使用location.href="當前頁url" 代替location.reload() ,使用location.href 瀏覽器會讀取本地緩存資源。

前端性能優化的方式