1. 程式人生 > >代碼性能優化

代碼性能優化

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標簽只能出現一次

代碼性能優化