移动网站性能优化

时间：2015-08-20 19:09:26 阅读：139 评论：0 收藏：0 [点我收藏+]

代码优化可以提高网站的性能
优化规则：
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响应过快，易引发误操作

移动网站性能优化

标签：优化性能优化 html

原文地址：http://blog.csdn.net/sinat_29843547/article/details/47810199

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行