웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
HTML 문서 용량 줄이기
2002.02.24 13:33
1. 불필요한 따옴표 제거
요즘 보통 비쥬얼툴을 사용하면 대부분 따옴표(")가 생깁니다.
이런것들을 제거해주면 문서의 용량이 꽤 줄어듭니다.
(a) <img src="image.gif" width="100" height="20" border="0">
(b) <img src=image.gif width=100 height=20 border=0>
위의 두 소스는 똑같은 결과를 나타내지만 a소스가 b소스보다 10바이트 정도 많습니다.
공백이 있는 특별한 경우를 제외하곤 모든 따옴표를 제거해도 브라우저는 해당문서를 정확히 해석합니다.
따라서 따옴표를 제거하는 습관을 들이면 좋습니다.
2. 공백 제거
드림위버나 나모같은 비주얼툴을 사용하는 공백을 많이 씁니다.
예를들어 드림위버의 경우는
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이런식으로 되더군요.
여기서 공백을 없애보겠습니다.
방법 : 찾아바꾸기(ctrl + h)에서 공백 두칸 ( )을 제거해주면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이 두 소스는 약 10바이트쯤 차이가 납니다.
여기서 한줄로 만들어버리면
방법 : 찾아바꾸기(ctrl + h)에서 줄 (
)을 제거해주시면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%><tr><td>테이블</td></tr></table>
또다시 10바이트정도 줄어듭니다.
한 문서를 이렇게 1줄 만들어 버리면 대단히 용량이 줄어들겠죠.
하지만 1줄이니 소스보기하시면 정말 짜증나겠네요 -_-;
그리고 만든사람도 어디에 뭐가 있는지 알기 힘들겠습니다.
따라서 원본소스를 백업해두고 하셔도; 귀찮긴 하지만요 =.=
방문자들이 소스보기를 원하시는 분들은 이렇게 하지 마세요~
알고 계시는 분들이 대부분이겠지만...
조금이나마 도움이 되었기를 바랍니다.
요즘 보통 비쥬얼툴을 사용하면 대부분 따옴표(")가 생깁니다.
이런것들을 제거해주면 문서의 용량이 꽤 줄어듭니다.
(a) <img src="image.gif" width="100" height="20" border="0">
(b) <img src=image.gif width=100 height=20 border=0>
위의 두 소스는 똑같은 결과를 나타내지만 a소스가 b소스보다 10바이트 정도 많습니다.
공백이 있는 특별한 경우를 제외하곤 모든 따옴표를 제거해도 브라우저는 해당문서를 정확히 해석합니다.
따라서 따옴표를 제거하는 습관을 들이면 좋습니다.
2. 공백 제거
드림위버나 나모같은 비주얼툴을 사용하는 공백을 많이 씁니다.
예를들어 드림위버의 경우는
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이런식으로 되더군요.
여기서 공백을 없애보겠습니다.
방법 : 찾아바꾸기(ctrl + h)에서 공백 두칸 ( )을 제거해주면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
<td>테이블</td>
</tr>
</table>
이 두 소스는 약 10바이트쯤 차이가 납니다.
여기서 한줄로 만들어버리면
방법 : 찾아바꾸기(ctrl + h)에서 줄 (
)을 제거해주시면 됩니다.
<table border=0 cellspacing=0 cellpadding=0 width=100%><tr><td>테이블</td></tr></table>
또다시 10바이트정도 줄어듭니다.
한 문서를 이렇게 1줄 만들어 버리면 대단히 용량이 줄어들겠죠.
하지만 1줄이니 소스보기하시면 정말 짜증나겠네요 -_-;
그리고 만든사람도 어디에 뭐가 있는지 알기 힘들겠습니다.
따라서 원본소스를 백업해두고 하셔도; 귀찮긴 하지만요 =.=
방문자들이 소스보기를 원하시는 분들은 이렇게 하지 마세요~
알고 계시는 분들이 대부분이겠지만...
조금이나마 도움이 되었기를 바랍니다.
댓글 9
-
티르-_-)/
2002.02.24 15:27
-_-; -
Webme
2002.02.24 20:29
테이블...-_-;; 무척 비효율적이군요... -
김의주
2002.02.24 21:54
흘 ㅡㅡㅋ 할말없는 친구네 ㅡ.ㅡ -
이대민
2002.02.26 02:46
하하..좋은정보 -
황태현
2002.03.09 11:39
저는 에디트플러스의 ALT+E F T(줄끝 공백제거) 기능을 주로 씁니다. -
incognita
2002.05.29 12:23
아주 가끔이긴 하지만 따옴표 삭제하면 안되는 경우도 있습니다. -
개가죽
2003.08.26 00:57
아주가끔도 그렇치만 원래 규칙상으로는 " 따옴표 쓰게 되어 있을겁니다.
그리고 써주는게 더 좋습니다. 미래를 위해서라면 !!
매일 html 만 할거라면야 모르겠지만요 !!
미리 손에 익혀두는게 미래를 위해서 편해집니다. -
HwangTi
2003.08.28 12:51
따옴표 삭제했다가 안돼서 고생했던 기억이 나서...
그냥 내버려 둡니다 -_-; -
☺심심
2004.05.16 01:29
아씨방새 다날려먹었다,.. 아 미친..
제목 | 글쓴이 | 날짜 |
---|---|---|
1.4.2 버전 업데이트 이후 발생하는 문제들과 대응 [10] | Gekkou | 2010.05.18 |
게시글볼때 댓글 입력폼 색상넣어서 구분짓기 | 유리가면™ | 2010.05.18 |
Textyle 블로그 메인 주소를 blog.domain.com 로 설정하기 [1] | 네오랑 | 2010.05.18 |
게시판(내용볼때) 제목란 색상을 원하는 색상으로 바꾸기 [1] | 유리가면™ | 2010.05.18 |
레이아웃 삽입 후 최근 설문조사 가져오기 | ilovesyr | 2010.05.18 |
최근게시물 태그가 적용된 상태로 불러오기 [3] | 땡땡이별나라 | 2010.05.13 |
Lighttpd 설치 | 김 무건 | 2010.05.12 |
Zend Optimizer + eAccelerator + Suhosin [1] | 김 무건 | 2010.05.12 |
PHP 설치 | 김 무건 | 2010.05.12 |
Apache 설치 | 김 무건 | 2010.05.12 |
MySQL 설치 | 김 무건 | 2010.05.12 |
파일 첨부 에러로 고생하시는 분 [2] | celli29 | 2010.05.11 |
XE운영을 하려면 닷네임(dotname) 호스팅을 사용하시면 안됩니다 [7] | nalireco | 2010.05.11 |
중국어게시판 사용할려고 합니다. | jmb5 | 2010.05.10 |
로그인시 다음과같은 오류가 발생합니다. 빠른답변좀 ㅠㅠ [3] | 푸팅 | 2010.05.10 |
기본 Content 위젯에 댓글 New표시하기 [10] | 조슈아킴 | 2010.05.08 |
XE 사용하기 - 동영상 강좌 [36] | 선우(善友) | 2010.05.05 |
게시판 수가 많아 제목을 써넣는데 시간 절약 방법 | 아모스리 | 2010.05.04 |
htaccess 쉽게 만들기 | 현원 | 2010.05.03 |
로그인 스킨 수정 팁 - 신규 쪽지 수 보여주기 [17] | 러브스킬 | 2010.05.03 |