前端常见优化项

图片多，加载慢

1.为减轻服务压力，提高用户体验，可以采用懒加载方式优化，优先加载可视区域的内容，其他部分进入可视区域后再加载，提升性能

一张图就是一个<img>标签，浏览器是否发起请求根据该标签的 src属性，所以关键就是在图片没有进入到可视区域时，先不给<img>的src赋值，这样浏览器就不会发发起请求了，等到图片进入可还是区域后再赋值请求

2.ssr优化

  服务端渲染，html和数据都是在服务端请求渲染好然后直接返回回来就是一个加载好资源的 html页面，常用于首屏优化，由于服务端请求数据是在内网中进行，速度较快，所以该优化方案对于服务器压力大一些

csr优化（常用的）

客户端渲染方式，第一次请求会先返回一个空的html页面，然后js请求数据，进行填充，对于较多交互的页面常采用此方式

 

3.图床压缩/优化图片体积

 

前端性能差是要看前端资源加载渲染慢还是说接口返回数据慢