前端性能優化,無非是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聲明。
可以采用一些優化的插件等。
先到這里吧,完畢。