移动站点性能优化
Posted slgkaifa
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动站点性能优化相关的知识，希望对你有一定的参考价值。
代码优化能够提高站点的性能
优化规则：
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响应过快，易引发误操作
优化规则：
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响应过快，易引发误操作
以上是关于移动站点性能优化的主要内容，如果未能解决你的问题，请参考以下文章