CSS고수님들.. 속도는 어떻습니까?
CSS를 짜다가 궁금해졌습니다.
미세한 속도나마 차이가 난다면 어떤 것이 나을까요?
1. BOX에 다 넣고 로딩 시키는 경우.
<div id="box">
<div id="menu">
</div>
<div id="contents">
</div>
</div>
이 경우 상속이나 일괄 수정에는 용이할지 모르나
결국에는 예전에 했던 table구조처럼 전체박스의 로딩이 끝나야 화면표시가 될 거 같은데요...
그런데 CSS소스를 받아서 보면 이런 구조가 너무 많더군요.
2. 각각 독립적으로 로딩 시키는 경우.
<div id="menu">
</div>
<div id="contents">
</div>
이 경우 일일이 위치를 지정해줘야 하는 불편함은 있으나
Div가 각각 로딩되므로 속도상에서는 훨씬 나을 거 같은데요...
최악의 느린 경우라도 방문자는 계속 로딩이 되고 있으니 최소한 심심하지는 않을 듯...
속도 문제 때문에 예전에 table작업할 때도 일일이 짤라서 했었습니다.
그런데 div를 사용하면서 또 전체 박스에 넣고 부르는 것이 좀 동의가 안 갑니다.
제가 보는 시각이 맞습니까?
미세한 속도나마 차이가 난다면 어떤 것이 나을까요?
1. BOX에 다 넣고 로딩 시키는 경우.
<div id="box">
<div id="menu">
</div>
<div id="contents">
</div>
</div>
이 경우 상속이나 일괄 수정에는 용이할지 모르나
결국에는 예전에 했던 table구조처럼 전체박스의 로딩이 끝나야 화면표시가 될 거 같은데요...
그런데 CSS소스를 받아서 보면 이런 구조가 너무 많더군요.
2. 각각 독립적으로 로딩 시키는 경우.
<div id="menu">
</div>
<div id="contents">
</div>
이 경우 일일이 위치를 지정해줘야 하는 불편함은 있으나
Div가 각각 로딩되므로 속도상에서는 훨씬 나을 거 같은데요...
최악의 느린 경우라도 방문자는 계속 로딩이 되고 있으니 최소한 심심하지는 않을 듯...
속도 문제 때문에 예전에 table작업할 때도 일일이 짤라서 했었습니다.
그런데 div를 사용하면서 또 전체 박스에 넣고 부르는 것이 좀 동의가 안 갑니다.
제가 보는 시각이 맞습니까?
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 6개
갠적으로는
레이아웃이라면 1번처럼
레이아웃이 아니라면 2번처럼
id명으로만 본다면
<ul id="menu">
</ul>
<div id="contents">
</div>
이렇게도 생각해 볼수 있을것 같구요.
말대로 되진 않지만 div 의미를 살려 컨텐츠를 나누는데만 최소한 사용하시고
그외
dl, dt, dd
ol, li
ul, li
p
h
요정도 태그만 적극 사용하셔도
<div>
<div>
<div>
이런 경우는 쉽게 안생기게 되는걸 발견햇습니다. 레이아웃은 제외입니다. ^^
1번처럼 한다면 예전에 테이블 쓰던 때처럼 전체로 로딩되는 느낌입니다.
BOX로 감싸며 div를 쓴다면 속도에 있어서는 메리트가 상쇄되어 버리는 듯...
속도가 1번이나 2번이나 비슷하다면 당연히 1번이 편할 거 같습니다.
이거 좀 잘 아시는 분들은 계속 댓글 부탁드립니다.
변경전
<dv>
<dv>
<dv>
<dv>
<dv>
<dv>
<dv>
변경후
<dv>
<dv>
<dv>
<ul>
<li>
.....
div 가 중첩되지 않는것은 불가능이라 생각됩니다.
http://jysoft.co.kr/jy.lotto/jy.adm/jy.adm.config.php
소스보시면 테이블사용할 경우와 차이가 좀 납니다.
불필요한 테그는 삭제하고 간략하게 만드는것이 좋지만 최적화까지 고려안해도될듯해요
테이블이 위에서 부터 로딩되는거는 각 cell 값 계산 때문