面试资料积累JS-为什么页面需要做优化？并写出常用优化方案

一.为什么需要做优化
页面性能的问题对用户体验的影响非常大，加载时间每多一秒，你就会流失7%的用户，在正常页面的情况下，若页面加载时间超过8秒时间，那么你可能损失85%以上的用户。
为了更好的用户体验更好的业务支持更好的代码质量我们需要对页面进行优化
二.实现方案

页面进行优化，其实有两种优化方式
1.软件优化（前端优化）
2.硬件优化（后商优化）

1.软件优化：

html优化布局优化，减少空格，不用table布局，尽量不用iframe标签;html优化尽量减少需要发送的http请求
css优化 可以用css实现的尽量不用js实现;css代码压缩;css合并;用户字体图标代替图片;开启css硬件加速;transform动画由GPU控制，支持硬件加速，并不需要软件方面的渲染;使用top和left实现动画时浏览器发生的repaint
js优化 图片优化（预加载，懒加载，延时加载），视频或音频不加载，当点击之后开始单独加载视频或音频;在js中尽量减少闭包的使用（原因是闭包会产生不释放的栈内存），DOM的操作其实css压缩与js的压缩和混乱比html压缩收益要大得多，同时css代码和js代码比html代码多得多，通过css压缩和js压缩带来流量的减少，会非常明显

缓存方面 使用浏览器的缓存机制，不需要每次登录或者怎样都需要再去访问服务器，利用浏览器和服务器端的缓存技术（304缓存），把一些不经常更新的静态资源文件做缓存处理

2.硬件优化

设置负载均衡服务器，通过负载均衡服务器使得后台数据压力平衡; 增加带宽，但是硬件的成本 远远高于软件的优化