作想作的事，去想去的地方，愛想愛的人，始終如一，Do not give up easily --along前端
言歸正傳，你們不論在日常寫代碼，仍是面試，或者在作項目時，在隨着代碼量的增長，業務邏輯的處理，項目的性能會愈來愈差，在瀏覽頁面時體驗極差，那該如何解決呢，接下來我就要跟你們說說我瞭解和學習到的前端性能優化方案，可能有不少不到之處，但願你們看法~web
1、圖片優化
1.緣由： 一個網站中可以最直觀、清晰的呈現給用戶的仍是圖片，能夠直接的表達網站的主題內容和主題，能夠隨着圖片的增多，在加載的時候，瀏覽器會去下載這些資源，可能致使網頁加載緩慢，對用戶 體驗極差~ 2.圖片分類 1.jpg全名JPEG. JPEG圖片是以24位顏色存儲單個視圖. 2.png可移植網絡圖片格式 3.GIF 4.Svg可縮放矢量圖形是基於可擴展標記語言 5.Webp和APNG，出現比較晚未被web標準所採納 3.優化方法 1.使用精靈圖 2.使用佔用空間更小的favion.ico 3.使用webp圖片 4.上線前對圖片壓縮，減少佔用內純.
2、減小http請求次數
1.緣由： 瀏覽器在解析dom的時候，大多時候都在請求http加載資源，一個頁面可能會有不少的請求，這樣大大耗費了性能. 2.解決： 1）能夠將多個資源的加載捆綁成一個資源 2）能夠將多個圖片拼接成一張圖片，使用x,y座標實現顯示的內容
3、資源加載
1.使用link加載資源不要使用！import 2.link標籤放在上部 3.script標籤放在底部 緣由：js是單線程，加載順序也是自上而下執行，首先要讓最直觀的結構和樣式加載出來，呈現給用戶，而後再加在行爲.
4、延遲加載
1.可使用懶加載技術 實現：首先展現給用戶的是首頁，可讓其餘頁面的內容或者用戶看不到的內容延遲能夠，只有在觸發某個條件的時候再去提早加載.
5、減少cookie的大小
緣由：Cookie被用來作認證或個性化設置，其信息被包含在http報文頭中，對於cookie咱們要注意如下幾點，來提升請求的響應速度， 解決：
去除沒有必要的cookie，若是網頁不須要cookie就徹底禁掉 將cookie的大小減到最小 設置合適的過時時間，比較長的過時時間能夠提升響應速度。
6、避免使用閉包
緣由：使用閉包會把變量值始終保存在內存上，對網頁性能有很大的損耗，在ie中可能還會致使內存泄露.
7、減小DOM的數量
緣由：在咱們作一個大項目時，dom數量可能會有幾萬個，與幾百個幾千個相比，性能是由很大的差距的.因此儘可能減小DOM的數量