為什么要做前端性能優化？
在構建web站點的過程中，任何一個細節都有可能影響網站的訪問速度，如果不了解前端性能優化的知識，很多不利於網站的因素會累加，從而嚴重影響網站的性能，導致網站訪問速度變慢，用戶體驗低下，最終導致用戶流失。
前端性能優化的方式：
1.封裝組件
把所有需要復用的功能或網頁模板封裝成組件，在需要的時候調用它。
2.圖片
壓縮圖片的質量，或者使用打包工具來壓縮圖片的質量，當圖片過小時（小於12k）可以把它轉成base64（代碼圖片，轉成base64的好處：減少http請求），或者使用 sprites（精靈圖）把網頁中需要用的到圖片整合到一張圖片中，減少http請求的次數。
3.壓縮html，js減小大小
4.懶加載(lazy load)
網頁不拖動時，未展示的欄目不去(加載)請求，良好的利用服務器資源。
5.設置http緩存
6.減少DOM操作
dom操作是腳本中最耗性能的一個操作，例如：元素的增刪改或dom集合的進行的操作
7.將外部腳本置底
不影響html的加載
8.減少作用域鏈查找
9.不要使用全局變量(能不用的情況下最好不用)