用setTimeout來避免頁面失去響應
避免使用with(with會創建自己的作用域,會增加作用域鏈長度)
避免圖片和iFrame等的空Src。空Src會重新加載當前頁面,影響速度和效率
儘量避免寫在HTML標籤中寫Style屬性
移動端性能優化
儘量使用CSS3動畫,開啟硬件加速
適當使用觸摸事件代替點擊事件
避免使用css3漸變陰影效果
可以用transform: translateZ(0)來開啟硬件加速。
-
不濫用Float。Float在渲染時計算量比較大,儘量減少使用
不濫用Web字體。Web字體需要下載,解析,重繪當前頁面,儘量減少使用。
CSS中的屬性(CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video)會觸發GPU渲染,請合理使用。過渡使用會引發手機過耗電增加
PC端的在移動端同樣適用
閱讀更多 前端圈 的文章
關鍵字: JSON 元素 JavaScript