前端性能的優化方案

在公衆號上看見的解決辦法來着，我自己平常是用瀏覽器的performance來查看性能的。

一：webapck優化與開啓gzip壓縮

 1.babel-loader用 include 或 exclude 來幫我們避免不必要的轉譯，不轉譯node_moudules中的js文件
    其次在緩存當前轉譯的js文件，設置loader: 'babel-loader?cacheDirectory=true'
    2.文件採用按需加載等等
    3.具體的做法非常簡單，只需要你在你的 request headers 中加上這麼一句：
    accept-encoding:gzip
    4.圖片優化，採用svg圖片或者字體圖標
    5.瀏覽器緩存機制，它又分爲強緩存和協商緩存

二：本地存儲——從 Cookie 到 Web Storage、IndexedDB
說明一下SessionStorage和localStorage還有cookie的區別和優缺點
三：代碼優化

 1.事件代理
    2.事件的節流和防抖
    3.頁面的迴流和重繪
    4.EventLoop事件循環機制
    5.代碼優化等等

找不到原文鏈接了啊啊啊，先放着吧，侵刪。