前端性能初步优化

性能优化有两个方向

1. 优化页面渲染

2. 减小页面体积，提升网络加载

优化页面渲染

对于优化页面渲染可以进行如下方案来进行性能优化

• 懒加载

• 减少dom操作

• 事件节流

  比如在textarea里面如果需要监听change事件，即keyup来监听事件

  可以通过加上settimeout来进行事件节流 就是不要一直都是实时监听，可以隔一段时间监听下

  image

• 使用ssr后端渲染, 减少前端渲染时间，就是一次性输出html内容，不用频繁调用ajax

• css放在前面， js放在后面

减小页面体积，提升网络加载

• 压缩

• 使用静态缓存

• 资源使用cdn加速