前端性能優化

前端性能優化,無非是html,css,js三方面的優化。

html\css\js首先要分開,拒絕內聯等方式,運用文件引入的方式

html:

首先就是語義化html,說白了,就是使得標簽各司其職,盡量不改變的標簽的本質屬性,如塊級和行內元素的轉換盡量要少

塊級元素可以包含塊級以及行內元素,而行內元素可以包含行內元素盡量不要包含塊級元素。

css:

文檔頭部加載

壓縮版本

使用預處理器,采用預定義函數等

不適用@import導入css文件

js:

少使用全局變量、閉包、eval(目前還不太明白這個的來龍去脈)、with(從來沒用過)

對于for循環以及條件語句,for循環可以使用js原生函數的就使用,若是沒有,從變量上面優化,盡量提前定義好變量,拒絕頻繁的定義;數組能使用forEach()的就使用這個

對于if等條件語句,可以使用switch,但最好使用對象命名方式,采用三元表達式的寫法,簡潔、高效、不笨拙

多采用js原生對象和方法,因為其很多原生方法都是C或者C++寫的,運行速度很快,如MATH的方法、Date以及Array等

尤其是使用jquery的時候,拒絕頻繁的調用DOM對象,做好提前的dom聲明。


可以采用一些優化的插件等。

先到這里吧,完畢。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • AJax 優化 緩存 Ajax 請求盡量使用GET, 僅取決于cookie數量 Cookie 優化 減少Cooki...
    KeKeMars閱讀 9,370評論 5 89
  • 圍繞前端的性能多如牛毛,涉及到方方面面,以我我們將圍繞PC瀏覽器和移動端瀏覽器的優化策略進行羅列注意,是羅列不是展...
    流動碼文閱讀 695評論 0 0
  • 原文鏈接:前端性能優化最佳實踐版權所有,轉載時請注明出處,違者必究。 注明出處格式:前端開發博客 (http://...
    蛇窩里的老鼠閱讀 481評論 0 7
  • 前言 對于前端的性能話題,從來都沒有斷絕過。因為這個東西沒有最好,只有更好。而且往往也是業務的繁雜程度去決定優化程...
    Layzimo閱讀 28,156評論 2 51
  • 1.減少HTTP請求 基本原理: 在瀏覽器(客戶端)和服務器發生通信時,就已經消耗了大量的時間,尤其是在網絡情況比...
    rain_li閱讀 343評論 1 2