移动站点性能优化

代码优化能够提高站点的性能

优化规则:

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响应过快,易引发误操作