前端优化方向

首屏加载

1. vue路由懒加载、keepalive

2. 图片懒加载——判断显示位置，显示了再给src属性赋值

3. webpack中小图片base64转换，减少请求次数

4. 组件库按需导入，chunck

5. css/js压缩——webpack

6. 模块化，组件化

7. ssr服务端渲染：提升首屏渲染速度，降低网速和配置要求——先发送html和css，在发送js

8. 边缘计算渲染：边缘计算是将计算资源部署靠近用户和数据源的网络边缘侧，通过更靠近数据源的位置（如路由器、基站）执行计算

9. CDN：内容分发网络——更快获取资源

后续性能

7. 减少重绘重排次数——减少修改dom节点次数，如一下方法

   • 添加或者删除可见的DOM元素
   • 元素尺寸改变——边距、填充、边框、宽度和高度

8. 登陆方面：SSO单点登录