前端性能优化方法与实战（浅谈前端性能优化）

前端性能优化主要分两块：

一是资源加载

1.多使用内存
  
  
  
  
  
  
 、缓存和其他方法

2.减少CPU计算量              ，减少网络加载耗时
  
  
  
  
  
  
 。

以上适用所有编程的性能优化-空间换时间

3.减少资源体积：压缩代码
  
 
  
 
  
 
  
 
  
 
  
 
  
，图片精灵

4.减少访问次数：合并代码（js模块化












，最后打包成一个JS）  
  
  
  
  
  
  、SSR服务器端渲染 
  
  
  
  
  
  
 ，缓存

5.使用更快的CDN

二是让渲染更快

1.css放在head
  
  
  
  
  
  
 ，js放在body下面

2.尽早开始执行js
 


 


 


 


 


 


 
，用DOMcontentLoaed触发

3.懒加载（图片懒加载 
 
 
 
 
 
 
，上滑更多）

4.对DOM查询进行缓存

5.频繁DOM操作
   
   
   
   
   
   
  ，合并到一起进行Dom操作
 

 

 

 

 

 

 
，如存入createDocumentFragment中

6.节流和防抖