移动网站性能优化

代码优化可以提高网站的性能

优化规则：

1.尽量减少HTTP请求

1).合并css 背景图片。

background-position 属性设置背景图像的起始位置。

2).合并样式表和脚本。

优化方式：require.js

3).压缩图片

4).避免重定向

2.脚本执行优化

1).css写在头部

2).javascript写在尾部或者异步

3.css优化

1)尽量避免写在HTML标签中写Style属性

2)避免使用css表达式

3)值为0时不需要任何单位为了浏览器的兼容性和性能，值为0时不要带单位

4)不滥用Float,Float在渲染时计算量比较大，尽量减少使用

5)不声明过多的Font-size过多的Font-size引发CSS树的效率

4.javascript优化

1)尽量使用ID选择器ID选择器是最快的

2)TOUCH事件优化使用touchstart、touchend代替click，因快影响速度快。但应注意Touch响应过快，易引发误操作