代码性能优化

Posted 2020-11-01

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标签只能出现一次