前端性能优化

1.概念

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、成都网站设计、孝义网络推广、小程序定制开发、孝义网络营销、孝义企业策划、孝义品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供孝义建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

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

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缓存数据