一:为什么要优化性能
最重要的就是为了提高用户的体验
二:代码方面
1:代码做到结构语义化:(不要出现style和onclick这样的内联的样式和事件 注意行为 表现 结构的分离)
2:减少DOM访问(很重要)
3:精简代码:(1:清理代码垃圾 2:html标签转换 (使用短标签去替换可以实现相同效果的长标签)3:css优化 4:js和表格优化)
三:文件使用和放置方面:
1:样式放在顶部 脚本放在底部 采用外联式
2:用link代替@import
四:减少http请求
1:用图片精灵 将多个图片定位合成一张
2:不要再html中缩放图像
3:字体图标要小而且可以缓存
4:把缓存时间设置长一些
5:图片预加载
6:非必须组件延迟加载
7:将资源放在不同域下 增加域
8:AJAX用gey请求
9:减少DNS查询
10:避免重定向(会重绘页面)
五:cookie方面
1:减少cookie大小
2:引入的资源的域名不要包含cookie
六:server方面
1:CDN:分发网络(其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快)