1、壓縮圖片

2、減少冗余代碼

3、避免404錯誤

4、避免濾鏡的使用

5、在HTML中不要使用壓縮圖片

6、DNS解析優化，DNS緩存，減少DNS查找。

7、異步加載（並發、require）

8、預加載、延遲加載，按需加載

9、減少重繪和回流

10、減少DOM節點

11、減少節點的操作（innerHTML）

12、緩存節點，盡量減少節點的查找

13、避免無謂的循環：break，continue，return的適當使用

14、減少HTTP請求：比如用 css sprites 合並圖片或用 css icon 代替圖片，合並 js 和 css；或延緩請求，比如按需加載。

15、避免重定向：重定向的英文是Redirect，用於將用戶從一個URL重新跳轉到另一個URL。：

16、刪除重復腳本：重復的js代碼除了有不必要的HTTP請求之外，還會浪費執行js的時間。

17、使用ajax添加緩存：針對頁面中主動的Ajax請求返回的數據要緩存到本地，當然這個是針對短期內不會變化的數據

18、減少DNS查詢：DNS查詢有時間開銷，通常一個瀏覽器查找一個給定主機名的IP地址需要20-120ms。緩存了DNS查詢，之後對於相同主機名的請求短時間內就無需進行再次DNS查找。

19、將javascript腳本放在底部：瀏覽器在加載css文件時，頁面逐步呈現會被阻止，直到所有css文件加載完畢，所以要把css文件的引用放到head中去，這樣在加載css文件時不會組織頁面的呈現。但是對於js文件，在使用的時候，它下面所有也頁面內容的呈現都會被阻塞，將腳本放在頁面越靠下的地方，就意味著越多的內容能夠逐步呈現。

20、CSS樣式表放在頂部：如果將css樣式定義放在頁面中或者頁面底部，會出現短暫白屏或者某一區域短暫白板的情況，這和瀏覽器的運營機制有關的，不管頁面如何加載，頁面都是逐步呈現的。所以在每做一個頁面的時候，用Link標簽把每一個樣式表定義放在head中。

21、域名拆分：域名拆分主要是為了增加瀏覽器下載的並行度，讓瀏覽器能同時發起更多的請求

22、開啟Gzip：Gzip是一種壓縮技術，可以將資源在服務端進行壓縮，然後發送給瀏覽器後再進行解壓，這種方式會降低傳輸大小，提高網頁加載性能。

23、開啟KeepAlive：開啟KeepAlive能夠減少瀏覽器與服務器建立連接的次數，從而節省建立連接時間。

前端性能優化方法