码迷,mamicode.com
首页 > 移动开发 > 详细

移动站点性能优化

时间:2017-06-15 10:39:53      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:cli   require   样式   标签   script   osi   兼容性   click   star   

代码优化能够提高站点的性能
优化规则:
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响应过快,易引发误操作

移动站点性能优化

标签:cli   require   样式   标签   script   osi   兼容性   click   star   

原文地址:http://www.cnblogs.com/slgkaifa/p/7015586.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!