前端项目优化空间

说明

前端优化涉及到极致的用户体验，也是一个前端工程师内功是否深厚的表现，大致从两个个层面记录下前端优化

编码层面

• 减少冗余代码，组件化开发、函数式开发，从根本减小代码体积，减小请求服务压力
• 减少真实的dom操作，操作真实的dom会触发浏览器的重排和重绘，这些都是影响性能的关键
• 减少http请求的次数，每一次的服务请求都会三次握手四次挥手

• 启用javascript预加载（defer和async）属性触发

  • defer和async 区别，defer和async都会进行异步加载，区别在于defer会在dom加载完成后执行，async是异步加载完直接执行

打包层面

• 将图片打包成base64格式
• 打包时进行压缩处理，
• 生产环境去除srcMap
• 模块按需加载
• 启用gzip加速，大大减小请求资源的浪费
• 生产去除console
• 使用DllReferencePlugin将平时不经常变动的文件抽离出来，统一打包，这样也可以减少后续打包的时间。