前端性能优化

1.概念

缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度

2.编码部署：

（1）代码的压缩与合并
（2）图片、js、css、等静态资源使用和主站不同域名地址存储，从而使得在传输资源时不会带上不必要的cookie信息
（3）使用内容分发网络CDN
（4）为文件设置Last-Modified、Expires和Etag（设置文件头，最近修改时间，过期时间，时间戳）
（5）使用GZIP压缩传送
（6）权衡DNS查找次数（使用不同域名会增加DNS查找）
（7）避免不必要的重定向（加'/'）

2.编码

3.HTML
使用结构清晰，简单，语义化标签
避免空的src和href
不要再HTML中缩放图片

4.CSS

（1）精简css选择器（2）把css放到顶部
（3）避免@import方式引入样式
br/>（2）把css放到顶部
（3）避免@import方式引入样式
（5）使用css动画来取代JavaScript动画
（6）使用字体图标
（7）使用css sprite（雪碧图）
（8）使用svg图形
（9）避免使用CSS表达式

5.JavaScript：

（1）减少引用库的个数
（2）使用requirejs或seajs异步加载js
（3）JS放到页面底部引入
（4）避免全局查找
（5）使用原生方法
（6）用switch语句代替复杂的if语句
（7）减少语句数，比如多个变量声明声明可以写成一句
（8） 使用字面量表达式来初始化数组或者对象
（9）使用innerHTML取代复杂的元素注入
（10）使用事件代理（事件委托）
（11）避免多次访问dom选择集
（12）高频触发事件设置使用函数节流
（13）使用web storage缓存数据