1、原則
（1）多使用內存、緩存或者其他方法。
（2）減少cpu占用，減少網絡。
提升頁面性能的方法有哪些？
一、加載頁面和靜態資源
1、靜態資源壓縮合並，減少http請求。
（1）減少http請求數量
（2）減少請求資源大小
2、非核心代碼異步加載。
3、靜態資源緩存：通過鏈接名稱控制緩存，只有內容改變的時候，鏈接名稱才會改變。
4、利用瀏覽器緩存
5、使用cdn讓資源加載更快
6、預解析dns
7、使用ssr后端渲染，數據直接輸出到html中（ssr：server site render）
二、頁面渲染
1、css、js及放置位置
（1）盡量避免在HTML標簽中寫style屬性
（2）css放前面，js放后面。
（3）避免使用CSS Expression
2、圖片
（1）避免圖片和iFrame等的空Src。空Src會重新加載當前頁面，影響速度和效率
（2）懶加載（圖片懶加載，下拉加載更多）
3、dom操作
（1）減少dom查詢，對dom查詢做緩存。
（2）減少dom操作，多個操作盡量合並在一起執行。
（3）用innerHTML代替DOM操作，減少DOM操作次數，優化javascript性能
4、事件
（1）盡早執行操作（如DOMContentLoaded）
（2）事件節流
5、代碼細節優化
（1）用hash-table來優化查找
（2）多個變量聲明合並
（3）少用全局變量
（4）避免全局查詢
（5）避免使用with(with會創建自己的作用域，會增加作用域鏈長度)
（6）用setTimeout來避免頁面失去響應
三、移動端性能優化
1、css
（1）不濫用Float。Float在渲染時計算量比較大，盡量減少使用
（2）不濫用Web字體。Web字體需要下載，解析，重繪當前頁面，盡量減少使用。
（3）避免使用css3漸變陰影效果。
2、css動畫
（1）盡量使用css3動畫，開啟硬件加速。
可以用transform: translateZ(0)來開啟硬件加速。
CSS中的屬性（CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video）會觸發GPU渲染，請合理使用。過渡使用會引發手機過耗電增加
3、合理使用requestAnimationFrame動畫代替setTimeout
4、適當使用touch事件代替click事件。
————————————————