前端的性能優化

只要是web項目,每次產品,運營,測試團隊都回反饋說 XXX性能不好等問題,大抵上都離不開一個字-----“慢”。
什麼頁面加載太慢,點擊觸發事件太慢,要不就是APP,小程序太大(加載/下載慢)等問題。
然後開發團隊就要絞盡腦汁去優化代碼啥的。後端代碼優化差不多就是精簡代碼,減少時間複雜度,減少空間複雜度,利用算法啥的。
當然,在前端上也有很多性能點的優化。主要是以下幾點。

1.精簡代碼,把重複的代碼提取出來,例如js,css調用那一大段代碼。
用插件把js,css中的空格去掉。
2.多利用緩存機制,前端可以用Last-Modified、Expires和Etag。後臺的話可以用redis。
3.在html中不要放圖片(後臺傳圖片文件時用gzip壓縮)
4.寫css文件時,選擇器的層級不要超過3層。超過3層,寫個class或id 屬性,讓解釋器查找會更快點。
5.寫js文件時,查找屬性時儘量用層級 進行查找,加載js用異步的方式(正常js加載時會阻塞),能用時間委託的用事件委託。高頻觸發的事件設置函數節流(利用定時器原理,同時也可以解決防連擊問題)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章