「JavaScript」项目方面的一些问题

前端优化总结

前端优化一直是一个值得关注的话题。因为这个话题在前端之路的探讨之声从未停止过，今天就来好好分析一下一些常用的优化案例：

我们可以从以下的几个点来逐步进行分析：

• 网络方面

1. 减少http请求，主要是三个方面js, css, 和图片资源三个方面。
   ** 合并js文件
   ** 合并css文件
   ** 使用雪碧图（css sprite)
   ** 使用字符图片（svg)

2. 减小资源体积
   ** gzip压缩
   ** 图片压缩
   。。。。总之尽量减小体积

3. 缓存
   ** DNS缓存
   ** CDN部署于缓存
   ** http缓存

DNS缓存： 为了提升域名查询效率，设计了域名缓存机制，当访问过某个网站并得到其IP后，会将其域名和IP缓存下来，下一次访问的时候，就不需要再请求域名服务器获取IP，直接使用缓存中的IP，提高了响应的速度

4. 移动端优化
   ** 首屏优化
   ** 减少重定向

• 渲染DOM

1. 优化网页渲染
   ** css文件放在头部，js文件放尾部
   ** 尽量避免内联样式

2. DOM操作优化
   ** 避免频繁的操作DOM
   ** 尽量使用css动画
   ** 减少css表达式的使用
   ** 使用事件代理

• 数据方面

1. 图片：
   懒加载，loading
2. 异步请求优化

• 可对部分数据进行缓存
  https://www.jianshu.com/p/fe32ef31deed