웹마스터 팁
앞으로 공용선택자 사용은 그만....
2010.11.23 10:55
오랫만에 정찬명님 블로그에 올라와 있는 글들을 좀 읽어 봤습니다.
허....
큰 가르침을 주더군요..
앞으로 공용선택자 사용을 중단해야 할거 같습니다.
전 습관처럼
*{margin:0; padding:0;}을 넣고 시작했었는데...
" * " 별표같은 공용선택자의 사용이 속도를 많이 떨어트린다고 하네요.
대략 사용할때와 안할때 해당 부분에 한해서 8~10배정도 속도 차이가 나는거 같더군요.
*{margin:0; padding:0;} 사용하시는 분들은
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
사용하시고
.class *{ }
이렇게 사용하시는 분들도 * 사용을 줄이셔야 할거 같습니다.
댓글 5
-
에혀라X
2010.11.24 23:14
-
HolyJohn
2010.11.26 07:12
좋은팁 감사합니다!
-
ddorang
2010.11.26 11:45
그 정도로 속도 차이가 나나요? 한번 적용해바야겠네요. 감사^^
-
종스
2010.11.26 22:46
그렇군요~ 이런팁은 기억속에서 참 오래갑니다~ 감사합니다^^;
-
SoulTea
2011.01.18 01:36
선택자의 경우 공용을 선택하면 일반 셀렉터와 달리
문서를 다시 처음부터 읽어내리는 동작이 반복되기 때문에 해석 구조상 느려집니다.
가장 빠른 경우는 다이렉트로 일대일 매칭이겠지만 그럼 css 를 쓰는 의미가 없어지겠죠-.-
어쨋든 되도록 셀렉터의 검색을 최소화 하는 구조로 css를 작성하면 속도가 빨라지는 듯 합니다.
좋은팁 감사합니다.