웹마스터 팁
앞으로 공용선택자 사용은 그만....
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를 작성하면 속도가 빨라지는 듯 합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
DB 용량 확보하기 [6] | 소렌트. | 2010.10.26 |
레이어가 뒤로 숨는 경우 레이아웃을 확인하세요! [1] | 아고라 | 2010.10.26 |
비밀번호 찾기 기능 조심하세요 [4] | 老姜君 | 2010.10.28 |
글읽기에서 글쓴이의 닉네임을 이름으로 변경하기 | 하얀마법 | 2010.10.29 |
IE 전용 페이지 전환시 부드럽게 하기 (퍼옴) [2] | 오실롯 | 2010.10.29 |
확장변수(textarea)에서 html 사용하기 [3] | 하늘종 | 2010.11.01 |
게시판에서는 파일첨부가 되는데 페이지모듈에서 파일첨부가 안 되시는 경우! [1] | sejin7940 | 2010.11.02 |
페이지 모듈에서 파일 업로드시 살아지는 현상 [1] | 조슈아킴 | 2010.11.02 |
''게시판 설명''에서 <br />에 margin이 먹는 버그 해결법 [1] | 지녁 | 2010.11.03 |
메인 페이지 수정이 안되는 경우 | nurungso | 2010.11.07 |
스팸필터 단어 목록 (성인,불륜,화상채팅,만남 등등) [2] | 때린데 또때려 | 2010.11.08 |
큐브리드(CUBRID) 초보자 학습 자료 및 유용한 링크 정리 | 면스판 | 2010.11.09 |
파일질라에서 html 파일 수정법 | 불패의초인 | 2010.11.11 |
관리자 메인페이지 카운터와 그래프 제거하기 [3] | 도라란 | 2010.11.15 |
XE 속도 0.0001초라도 올리는 소소한 팁들 (추가) [5] | 소렌트. | 2010.11.16 |
게시판 댓글에서 "이 댓글을..." 문구 없애는 방법 [3] | AlcoholJ | 2010.11.19 |
게시글 검색 [제목+내용]을 기본으로 하기 [2] | 깜빡이영어 | 2010.11.20 |
미궁속의 문제점 해결법(2가지) [2] | 박용식 | 2010.11.21 |
파일 첨부할때 HTTP Error 메세지 창이 뜨면서 첨부되지 않을때 해결방법 [1] | DuRi | 2010.11.22 |
앞으로 공용선택자 사용은 그만.... [5] | ForHanbi | 2010.11.23 |
좋은팁 감사합니다.