前端优化总结
前端优化一直是一个值得关注的话题。因为这个话题在前端之路的探讨之声从未停止过，今天就来好好分析一下一些常用的优化案例：
我们可以从以下的几个点来逐步进行分析：
- 网络方面
-
减少http请求，主要是三个方面js, css, 和图片资源三个方面。
** 合并js文件
** 合并css文件
** 使用雪碧图（css sprite)
** 使用字符图片（svg) -
减小资源体积
** gzip压缩
** 图片压缩
。。。。总之尽量减小体积 -
缓存
** DNS缓存
** CDN部署于缓存
** http缓存
DNS缓存： 为了提升域名查询效率，设计了域名缓存机制，当访问过某个网站并得到其IP后，会将其域名和IP缓存下来，下一次访问的时候，就不需要再请求域名服务器获取IP，直接使用缓存中的IP，提高了响应的速度
- 移动端优化
** 首屏优化
** 减少重定向
- 渲染DOM
-
优化网页渲染
** css文件放在头部，js文件放尾部
** 尽量避免内联样式 -
DOM操作优化
** 避免频繁的操作DOM
** 尽量使用css动画
** 减少css表达式的使用
** 使用事件代理
- 数据方面
- 图片：
懒加载，loading - 异步请求优化
- 可对部分数据进行缓存
https://www.jianshu.com/p/fe32ef31deed
网友评论