码迷,mamicode.com
首页 > 其他好文 > 详细

代码性能优化

时间:2018-04-29 17:41:58      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:html css 性能优化 书写规范

CSS
1.如果只有一项值,最好不要应用复合属性。以免带来不必要的麻烦。
比如 .sample6 {font-weight: bold} ,如果写成 .sample6 {font: bold} 就没任何作用了。再举个列子,比如 .sampl5 {background-color: #CCCCCC; } ,如果写成 .sampl5 {background: #CCCCCC; } ,浏览器虽然能正确解释,但这不是规范的写法,因为这样会导致浏览器多次计算其他无用的属性。
2.减少文件的大小比如属性值简写#FFFFFF可以简写为#FFF,#BB44DD可以简写为#B4D

JS
1.减少DOM操作,能用css实现的就不要用js
2.js脚本写在body标签的最下方
3.for循环最佳写法
var divs = document.getElementsByITagName(‘div‘)的(
for(var i = 0 , div ; div = divs[ i ] ; i++){
dosomething(div)
}

SEO
1.网页三要素title(标题)、keywords(关键字)、description(描述)
2.一个页面h1标签只能出现一次

代码性能优化

标签:html css 性能优化 书写规范

原文地址:http://blog.51cto.com/13550695/2109119

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