CSS고수님들.. 속도는 어떻습니까? 정보
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를 사용하면서 또 전체 박스에 넣고 부르는 것이 좀 동의가 안 갑니다.
제가 보는 시각이 맞습니까?
추천
0
0
댓글 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번처럼
레이아웃이 아니라면 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번이 편할 거 같습니다.
이거 좀 잘 아시는 분들은 계속 댓글 부탁드립니다.
1번처럼 한다면 예전에 테이블 쓰던 때처럼 전체로 로딩되는 느낌입니다.
BOX로 감싸며 div를 쓴다면 속도에 있어서는 메리트가 상쇄되어 버리는 듯...
속도가 1번이나 2번이나 비슷하다면 당연히 1번이 편할 거 같습니다.
이거 좀 잘 아시는 분들은 계속 댓글 부탁드립니다.
프로그램 버젼업 하면서 변경해봤는데 속도 차이 못느끼겠습니다.
변경전
<dv>
<dv>
<dv>
<dv>
<dv>
<dv>
<dv>
변경후
<dv>
<dv>
<dv>
<ul>
<li>
.....
div 가 중첩되지 않는것은 불가능이라 생각됩니다.
변경전
<dv>
<dv>
<dv>
<dv>
<dv>
<dv>
<dv>
변경후
<dv>
<dv>
<dv>
<ul>
<li>
.....
div 가 중첩되지 않는것은 불가능이라 생각됩니다.
http://jysoft.co.kr/jy.lotto/jy.lotto.php
http://jysoft.co.kr/jy.lotto/jy.adm/jy.adm.config.php
소스보시면 테이블사용할 경우와 차이가 좀 납니다.
http://jysoft.co.kr/jy.lotto/jy.adm/jy.adm.config.php
소스보시면 테이블사용할 경우와 차이가 좀 납니다.
JY소프트님 감사합니다. ^^
html은 php의 속도의 천배
불필요한 테그는 삭제하고 간략하게 만드는것이 좋지만 최적화까지 고려안해도될듯해요
테이블이 위에서 부터 로딩되는거는 각 cell 값 계산 때문
불필요한 테그는 삭제하고 간략하게 만드는것이 좋지만 최적화까지 고려안해도될듯해요
테이블이 위에서 부터 로딩되는거는 각 cell 값 계산 때문
