前端优化

优化

优化目的
前端是庞大的，包括html css javascript等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?

1、提高用户体验
2、减少请求 节省资源

优化方案：
1、减少http请求： 保持页面简洁 减少资源

2、keep-alive 开启： Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接。 默认开启

3、避免重定向 页面的再次跳转

4、切分多域名

5、避免出现404

6、文件适当的合并 如css javascript

7、cookie优化 控制cookie大小

8、代码的压缩 gzip压缩 考拉(sass less)压缩

9、图片的压缩，格式优化 如京东的webp格式

10、使用雪碧图 --减少请求

11、网页内容的异步加载

12、预加载 延后加载 如：京东首屏加载迅速 后续再次加载

13、css放在页面头部，js放在页面尾部

14、减少DOM操作

作者 wendy
2018 年 12月 21日

参考文献