웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
앞으로 공용선택자 사용은 그만....
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
좋은팁 감사합니다!
-
그 정도로 속도 차이가 나나요? 한번 적용해바야겠네요. 감사^^
-
그렇군요~ 이런팁은 기억속에서 참 오래갑니다~ 감사합니다^^;
-
선택자의 경우 공용을 선택하면 일반 셀렉터와 달리
문서를 다시 처음부터 읽어내리는 동작이 반복되기 때문에 해석 구조상 느려집니다.
가장 빠른 경우는 다이렉트로 일대일 매칭이겠지만 그럼 css 를 쓰는 의미가 없어지겠죠-.-
어쨋든 되도록 셀렉터의 검색을 최소화 하는 구조로 css를 작성하면 속도가 빨라지는 듯 합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법
[6]
![]() | DuRi | 2010.12.17 |
1.4.2.3 에서 1.4.3 이상 버전으로 업그레이드 시 백지화면 해결팁 [4] | 2년후 | 2010.12.15 |
메인화면에 설문조사 위젯(?) 만들기
[3]
![]() | 3D매니아 | 2010.12.14 |
[생초보팁] 레이아웃 수정시 HTML 넣는 칸 넓히기 -_- | 에혀라X | 2010.12.12 |
[생초보팁] 웹진최근게시물 요약글 링크걸기
[1]
![]() | 에혀라X | 2010.12.12 |
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트 | 에혀라X | 2010.12.11 |
사이트 모니터링 알리미에요...^^
[3]
![]() | web | 2010.12.10 |
플래시로 만들어진 글자 타이핑보고 만들었어요. | web | 2010.12.09 |
ftp나 mysql 암호 변경시 일어나는 ''db 접속시 에러' XE | 샷타이거 | 2010.12.08 |
어느게시판이든 모두 적용이 가능한 그림판입니다.^^ [1] | web | 2010.12.07 |
새로운 채팅 서비스 웹톡!
[3]
![]() | 명랑폐인™ | 2010.12.06 |
[생초보팁] 회원가입시 홈페이지 블로그주소 않나타내기 ㅋ [4] | 에혀라X | 2010.12.05 |
호스팅비 돈아낍시다. 하나의 XE 다중 도메인 사용하기. [10] | kimnada | 2010.12.02 |
[생초보팁] 페이지 내용 줄간격 css | 에혀라X | 2010.11.30 |
최근문서 or 콘텐츠 위젯 공지글 뽑아오기 [8] | Xiso | 2010.11.29 |
게시물 하단에 예쁜 추천,비추천 아이콘 버튼 추가하기~
[12]
![]() | xemall | 2010.11.28 |
텍스타일 (Textyle) 에서 첨부파일 용량 제한 늘리는 방법. [1] | sejin7940 | 2010.11.27 |
개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] | 지녁 | 2010.11.25 |
[생초보팁] 서브메뉴 배경이미지 활용하기
[4]
![]() | 에혀라X | 2010.11.24 |
앞으로 공용선택자 사용은 그만.... [5] | ForHanbi | 2010.11.23 |
좋은팁 감사합니다.